NextJS Full-stack Boilerplate

A comprehensive Next.js 15 full-stack boilerplate featuring authentication, database ORM, type-safe API, email handling, environment management, theming, and form handling. Perfect for building robust and scalable web applications

This is a Next.js 15 project bootstrapped with create-next-app.

Features

• ⚛️ Built with the latest Next.js 15 framework and React 19
• 🔒 Authentication with better-auth
• 🗄️ Database ORM with prisma
• 🔗 Type-safe API with hono
• 🖌️ Styled with Tailwind CSS and UI components from shadcn/ui
• ✉️ Email components from react-email
• 📧 Email sending with nodemailer
• 🌐 Environment variable management with t3-oss/env-nextjs
• 🎨 Theming with next-themes
• 📋 Form handling with react-hook-form
• ✅ Schema validation with zod

Getting Started

First, clone the repository:

git clone https://github.com/KobeBerv/nextjs-fullstack-boilerplate.git
cd nextjs-fullstack-boilerplate

Then, install the dependencies:

pnpm install

Change the .env.example file to .env:

DATABASE_URL=your_database_url
BETTER_AUTH_SECRET=secret_string
NEXT_PUBLIC_SITE_URL=site_url
SMTP_HOST=smtp_host
SMTP_USERNAME=smtp_username
SMTP_PASSWORD=smtp_password

Generate Prisma client:

pnpm prisma generate

Set up your database:

pnpm prisma db push

This command will create the necessary tables in your database based on your Prisma schema.

pnpm prisma db push

Next, run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing!

Contributing

This is just my idea of the right structure for a full-stack application. Suggestions and contributions are welcome!

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.