Useful libraries and tools for Next.js and TypeScript?
Unanswered
Red-billed Tropicbird posted this in #help-forum
Red-billed TropicbirdOP
I am trying to create an overview of the most popular and valuable Libraries/tools for Next.js/TypeScript. The reason is to discover what is available instead of being ignorant and accidentally using something outdated or inferior. In most cases, I'd probably use plain Next.js/TypeScript, but I would love to know what libraries/tools are used out there.
Here's what I found so far (take it with a grain of salt, as I just discovered them and haven't really used them):
Here's what I found so far (take it with a grain of salt, as I just discovered them and haven't really used them):
#### Database and Data Management
1. **Prisma**:
- **Purpose**: Type-safe database ORM.
#### API and State Management
1. **tRPC**:
- **Purpose**: Type-safe REST APIs and state management.
#### Data Validation
1. **Zod**:
- **Purpose**: Client and server-side validation, compatible with tRPC.
#### Form Handling
1. **react-hook-form**:
- **Purpose**: Efficient form state management.
#### Authentication and Security
1. **Clerk**:
- **Purpose**: Comprehensive user management and authentication.
#### Styling
1. **Tailwind CSS**:
- **Purpose**: Utility-first CSS framework.
#### Testing
1. **Jest**:
- **Purpose**: Primary test runner.
2. **React Testing Library**:
- **Purpose**: Component testing.
#### Code Quality and Workflow
1. **Prettier**:
- **Purpose**: Automated code formatting.
2. **ESLint**:
- **Purpose**: Linting and code quality checks.
#### Monitoring and Error Handling
1. **sentry.io**:
- **Purpose**: Production-level error tracking.7 Replies
Drizzle - https://orm.drizzle.team
Turborepo - https://turbo.build/repo
t3-env - https://github.com/t3-oss/t3-env
Turborepo - https://turbo.build/repo
t3-env - https://github.com/t3-oss/t3-env
@KINXZ Drizzle - https://orm.drizzle.team
Turborepo - https://turbo.build/repo
t3-env - https://github.com/t3-oss/t3-env
Red-billed TropicbirdOP
Oh those seem pretty powerful, although I am not sure what the value of Drizzle is in comparison with Prisma?
@Red-billed Tropicbird Oh those seem pretty powerful, although I am not sure what the value of Drizzle is in comparison with Prisma?
it can run on edge out of the box, thats the main plus for me
@KINXZ it can run on edge out of the box, thats the main plus for me
Red-billed TropicbirdOP
I am going to sound stupid now, but when you say "edge" do you mean the browser?
no, edge runtime. https://vercel.com/docs/functions/edge-functions/edge-runtime
@KINXZ no, edge runtime. https://vercel.com/docs/functions/edge-functions/edge-runtime
Red-billed TropicbirdOP
ah, I have never heard about it but perhaps it will be something nice to have my ORM library be capable of doing later when I am growing as a developer
yeah probably. If you are just starting it's not a thing you have to care about that much for now ðŸ‘