Next.js Boilerplate

Jumpstart your Next.js project with this comprehensive boilerplate featuring authentication, internationalization, theming, and more.

Get Started View on GitHub

What's included?

Modern Stack

Next.js 15, TypeScript, Tailwind CSS, and shadcn/ui

Internationalization

Multi-language support with next-intl

Theme Support

Light, dark, and system theme modes with next-themes

Authentication

Complete auth system with React Hook Form and Zod validation

100%

Type Safe

Built-in Features

∞

Possibilities

Ready to get started?

This boilerplate provides everything you need to build modern web applications. Clone, customize, and deploy your next project with confidence.

Quick Start

Clone this repository, install dependencies, and start developing. All configurations are pre-set for optimal development experience.

Customization

Easily customize colors, fonts, and components. The modular structure makes it simple to add or remove features.

Project Structure

Well-organized folder structure for scalable development

root/

src/Source code and components

app/Next.js app router pages

auth/

sign-in/

sign-up/

forgot-password/

reset-password/

page.tsx

layout.tsx

loading.tsx

not-found.tsx

error.tsx

components/Reusable UI components

ui/

layout/

themes/

internationalization/

lib/Utility functions and configurations

i18n/Internationalization setup

messages/Translation files

en.json

ar.json

es.json

public/Static assets

package.json

next.config.ts

tsconfig.json

Setup Instructions

Get started with this boilerplate in a few simple steps

1Clone the repository

git clone https://github.com/abdelrahman-abdelmoaty/nextjs-boilerplate

2Install dependencies

pnpm install

3Run the development server

pnpm dev

Open http://localhost:3000 in your browser.

4Build for production

Build for production:

pnpm build

Start production server:

pnpm start