|
8 | 8 |
|
9 | 9 | Packed with essential features like built-in **Authentication**, **Multi-Tenancy** with Team support, **Role & Permission**, Database, I18n (internationalization), Landing Page, User Dashboard, Form handling, SEO optimization, Logging, Error reporting with [Sentry](https://sentry.io/for/nextjs/?utm_source=github&utm_medium=paid-community&utm_campaign=general-fy25q1-nextjs&utm_content=github-banner-nextjsboilerplate-logo), Testing, Deployment, Monitoring, and **User Impersonation**, this SaaS template provides everything you need to get started. |
10 | 10 |
|
11 | | -Designed with developers in mind, this **Next.js Starter Kit** uses TypeScript for type safety and integrates ESLint to maintain code quality, along with Prettier for consistent code formatting. The testing suite combines Vitest and React Testing Library for robust unit testing, while Playwright handles integration and E2E testing. Continuous integration and deployment are managed via GitHub Actions. For user management, authentication is handled by [Clerk](https://go.clerk.com/zGlzydF). For database operations, it uses Drizzle ORM for type-safe database management across popular databases like PostgreSQL, SQLite, and MySQL. |
| 11 | +Designed with developers in mind, this **Next.js Starter Kit** uses TypeScript for type safety and integrates ESLint to maintain code quality, along with Prettier for consistent code formatting. The testing suite combines Vitest and React Testing Library for robust unit testing, while Playwright handles integration and E2E testing. Continuous integration and deployment are managed via GitHub Actions. For user management, authentication is handled by [Clerk](https://go.clerk.com/zGlzydF). For database operations, it uses Drizzle ORM for type-safe database management across popular databases like PostgreSQL, SQLite, and MySQL. One recommended option is to use [Prisma PostgreSQL](https://www.prisma.io/?via=saasboilerplatetop), which provides a free PostgreSQL database that is compatible and has been tested with SaaS Boilerplate. |
12 | 12 |
|
13 | 13 | Whether you're building a new SaaS app or looking for a flexible, **production-ready SaaS template**, this boilerplate has you covered. This free, open-source starter kit has everything you need to accelerate your development and scale your product with ease. |
14 | 14 |
|
@@ -144,6 +144,7 @@ Developer experience first, extremely flexible code structure and only keep what |
144 | 144 | - 👤 Multi-Factor Auth (MFA), Social Auth (Google, Facebook, Twitter, GitHub, Apple, and more), User Impersonation |
145 | 145 | - 📦 Type-safe ORM with DrizzleORM, compatible with PostgreSQL, SQLite, and MySQL |
146 | 146 | - 💽 Offline and local development database with PGlite |
| 147 | +- ☁️ Remote and production database with [Prisma Postgres](https://www.prisma.io/?via=saasboilerplate) |
147 | 148 | - 🌐 Multi-language (i18n) with [next-intl](https://next-intl-docs.vercel.app/) and [Crowdin](https://l.crowdin.com/next-js) |
148 | 149 | - ♻️ Type-safe environment variables with T3 Env |
149 | 150 | - ⌨️ Form with [React Hook Form](https://react-hook-form.com) |
@@ -212,6 +213,8 @@ Then, you can run the project locally in development mode with live reload by ex |
212 | 213 | npm run dev |
213 | 214 | ``` |
214 | 215 |
|
| 216 | +[](https://go.warp.dev/nextjs-bp) |
| 217 | + |
215 | 218 | Open http://localhost:3000 with your favorite browser to see your project. |
216 | 219 |
|
217 | 220 | ### Free vs Pro version |
@@ -269,6 +272,10 @@ Now, you have a fully working authentication system with Next.js: Sign up, Sign |
269 | 272 |
|
270 | 273 | The project uses DrizzleORM, a type-safe ORM that is compatible with PostgreSQL, SQLite, and MySQL databases. By default, the project is set up to work seamlessly with PostgreSQL and you can easily choose any PostgreSQL database provider. |
271 | 274 |
|
| 275 | +To set up a remote and production database, you need to create a PostgreSQL database and obtain the connection string. One recommended option is to use [Prisma PostgreSQL](https://www.prisma.io/?via=saasboilerplate), which provides a free PostgreSQL database. This database is compatible and has been tested with Next.js Boilerplate. |
| 276 | + |
| 277 | +After creating your Prisma account, you can get the connection string in the `Connect to your database` section and select the `Any client` tab. Then, you can generate the connection string by clicking the `Generate database credentials` button. Finally, you can copy the connection string and add the `DATABASE_URL` variable to the `.env.local` file. |
| 278 | + |
272 | 279 | ### Translation (i18n) setup |
273 | 280 |
|
274 | 281 | For translation, the project uses `next-intl` combined with [Crowdin](https://l.crowdin.com/next-js). As a developer, you only need to take care of the English (or another default language) version. Translations for other languages are automatically generated and handled by Crowdin. You can use Crowdin to collaborate with your translation team or translate the messages yourself with the help of machine translation. |
@@ -331,6 +338,8 @@ After making changes to the schema, generate a migration by running the followin |
331 | 338 | npm run db:generate |
332 | 339 | ``` |
333 | 340 |
|
| 341 | +[](https://go.warp.dev/nextjs-bp) |
| 342 | + |
334 | 343 | This will create a migration file that reflects your schema changes. The migration is automatically applied during the next database interaction, so there is no need to run it manually or restart the Next.js server. |
335 | 344 |
|
336 | 345 | ### Commit Message Format |
@@ -384,6 +393,8 @@ All unit tests are located alongside the source code in the same directory, maki |
384 | 393 | npm run test |
385 | 394 | ``` |
386 | 395 |
|
| 396 | +[](https://go.warp.dev/nextjs-bp) |
| 397 | + |
387 | 398 | ### Integration & E2E Testing |
388 | 399 |
|
389 | 400 | The project uses Playwright for integration and end-to-end (E2E) testing. You can run the tests with the following commands: |
@@ -427,6 +438,8 @@ Then, you can generate a production build with: |
427 | 438 | $ npm run build |
428 | 439 | ``` |
429 | 440 |
|
| 441 | +[](https://go.warp.dev/nextjs-bp) |
| 442 | + |
430 | 443 | It generates an optimized production build of the boilerplate. To test the generated build, run: |
431 | 444 |
|
432 | 445 | ```shell |
|
0 commit comments