docs: add recommended database for production

Author: ixartz

.env

@@ -12,6 +12,8 @@ NEXT_PUBLIC_POSTHOG_HOST=https://us.i.posthog.com
 
 # Database
 # Local database with PGLite, already included in the project, no Docker needed
+# Need a database for production? Check out https://www.prisma.io/?via=nextjsboilerplate
+# Tested and compatible with Next.js Boilerplate
 DATABASE_URL=postgresql://postgres:postgres@127.0.0.1:5432/postgres
 
 # Next.js

.env.production

@@ -19,6 +19,8 @@ NEXT_PUBLIC_SENTRY_DSN=
 
 # Database
 # Using an incorrect DATABASE_URL value, Next.js build will timeout and you will get the following error: "because it took more than 60 seconds"
+# Need a database for production? Check out https://www.prisma.io/?via=nextjsboilerplate
+# Tested and compatible with Next.js Boilerplate
 # DATABASE_URL=postgresql://postgres@localhost:5432/postgres
 
 # Error monitoring

README.md

@@ -10,7 +10,7 @@
   </a>
 </p>
 
-🚀 Boilerplate and Starter for Next.js with App Router, Tailwind CSS, and TypeScript ⚡️ Prioritizing developer experience first: Next.js, TypeScript, ESLint, Prettier, Lefthook (replacing Husky), Lint-Staged, Vitest (replacing Jest), Testing Library, Playwright, Commitlint, VSCode, Tailwind CSS, Authentication with [Clerk](https://clerk.com?utm_source=github&utm_medium=sponsorship&utm_campaign=nextjs-boilerplate), Database with DrizzleORM (PostgreSQL, SQLite, and MySQL), Error Monitoring 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), Logging with Pino.js and Log Management, Monitoring as Code, Storybook, Multi-language (i18n), AI-powered code reviews with [CodeRabbit](https://www.coderabbit.ai?utm_source=next_js_starter&utm_medium=github&utm_campaign=next_js_starter_oss_2025), Secure with [Arcjet](https://launch.arcjet.com/Q6eLbRE) (Bot detection, Rate limiting, Attack protection, etc.) and more.
+🚀 Boilerplate and Starter for Next.js with App Router, Tailwind CSS, and TypeScript ⚡️ Prioritizing developer experience first: Next.js, TypeScript, ESLint, Prettier, Lefthook (replacing Husky), Lint-Staged, Vitest (replacing Jest), Testing Library, Playwright, Commitlint, VSCode, Tailwind CSS, Authentication with [Clerk](https://clerk.com?utm_source=github&utm_medium=sponsorship&utm_campaign=nextjs-boilerplate), Database with DrizzleORM (PostgreSQL, SQLite, and MySQL), Local database with PGlite and production with [Prisma Postgres](https://www.prisma.io/?via=nextjs-boilerplate), Error Monitoring 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), Logging with Pino.js and Log Management, Monitoring as Code, Storybook, Multi-language (i18n), AI-powered code reviews with [CodeRabbit](https://www.coderabbit.ai?utm_source=next_js_starter&utm_medium=github&utm_campaign=next_js_starter_oss_2025), Secure with [Arcjet](https://launch.arcjet.com/Q6eLbRE) (Bot detection, Rate limiting, Attack protection, etc.) and more.
 
 Clone this project and use it to create your own Next.js project. You can check out the live demo at [Next.js Boilerplate](https://demo.nextjs-boilerplate.com), which includes a working authentication system.
 
@@ -150,7 +150,7 @@ Developer experience first, extremely flexible code structure and only keep what
 - ⌨️ Form handling with React Hook Form
 - 🔴 Validation library with Zod
 - 📏 Linter with [ESLint](https://eslint.org) (default Next.js, Next.js Core Web Vitals, Tailwind CSS and Antfu configuration)
-- 💖 Code Formatter with [Prettier](https://prettier.io)
+- 💖 Code Formatter with Prettier
 - 🦊 Husky for Git Hooks (replaced by Lefthook)
 - 🚫 Lint-staged for running linters on Git staged files
 - 🚓 Lint git commit with Commitlint
@@ -234,6 +234,10 @@ Now you have a fully functional authentication system with Next.js, including fe
 
 The project uses DrizzleORM, a type-safe ORM that is compatible with PostgreSQL, SQLite, and MySQL databases. By default, the project is configured to seamlessly work with PostgreSQL, and you have the flexibility to choose any PostgreSQL database provider of your choice.
 
+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=nextjs-boilerplate), which provides a free PostgreSQL database and compatible with Next.js Boilerplate.
+
+After creating your Prisma account, you can get the connection string in the section `Connect to your database` and select `Any client` tab. Then, you can generate the connection string by clicking on the `Generate database credentials` button. Finally, you can copy the connection string and add the `DATABASE_URL` variable in the `.env.local` file.
+
 ### Translation (i18n) setup
 
 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.

src/app/[locale]/(marketing)/page.tsx

@@ -69,6 +69,16 @@ export default async function Index(props: IIndexProps) {
           (includes passwordless, social, and multi-factor auth)
         </li>
         <li>📦 ORM with DrizzleORM (PostgreSQL, SQLite, MySQL support)</li>
+        <li>
+          💽 Dev database with PGlite and production with
+          {' '}
+          <a
+            className="font-bold text-blue-700 hover:border-b-2 hover:border-blue-700"
+            href="https://www.prisma.io/?via=nextjsindex"
+          >
+            Prisma PostgreSQL
+          </a>
+        </li>
         <li>
           🌐 Multi-language support (i18n) with next-intl and
           {' '}

src/libs/DB.ts

@@ -10,6 +10,8 @@ const globalForDb = globalThis as unknown as {
   drizzle: NodePgDatabase<typeof schema>;
 };
 
+// Need a database for production? Check out https://www.prisma.io/?via=nextjsboilerplate
+// Tested and compatible with Next.js Boilerplate
 const createDbConnection = () => {
   return drizzle({
     connection: {

src/models/Schema.ts

@@ -10,6 +10,9 @@ import { integer, pgTable, serial, timestamp } from 'drizzle-orm/pg-core';
 // The migration is automatically applied during the next database interaction,
 // so there's no need to run it manually or restart the Next.js server.
 
+// Need a database for production? Check out https://www.prisma.io/?via=nextjsboilerplate
+// Tested and compatible with Next.js Boilerplate
+
 export const counterSchema = pgTable('counter', {
   id: serial('id').primaryKey(),
   count: integer('count').default(0),