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

Features

This template includes the following:

• Next.js 13
• TypeScript
• ESLint
• Prettier
• Chakra UI
• Prisma
• Next-Auth
• Docker Compose with:
  • PostgresQL
  • Redis
  • Mailpit

Demo

https://nextjs-template-demo.vercel.app

Getting Started

For Development

• We use pnpm package manager. Get it here.
• Make sure Docker up and running.
• If your Docker account has 2FA enabled, you have to create a Personal Access Token and login before:
  • Follow this guide.
  • Login with docker login --username <your-username>

Clone the project

You can either use this template by:

• Click the "Use this template" button and follow the instruction
• Or using the script below:

npx tiged websitesieutoc/nextjs-template your-project

Then, search and replace nextjs-template with your project slug.

Install dependencies

cd your-project
pnpm install

Setup environment variables

For the first time, you need some default environment variables:

cp .env.example .env

Then, run the development server:

pnpm dev

Open http://localhost:3000 with your browser and start developing.

Good to know

• This project uses App Router feature.
• We try to take adventage of Next.js's ecosystem, thus most of the features here are built on top of Next.js best practices.
• We use Chakra UI as our primary library. For ready-made themes, please find it at our themes repo.
• In the future we will launch a tool for customising your own themes soon!

Why do not use here?

• We're fully aware of the headless CMS system.
• But there are ton of boilerplats out there, which already do a great jobs, so we do not want to re-invent them.
• Most of them are really tightly coupled with the headless CMS API, so customers always end up to hack around a lot.
• We need only a lite version of CMS, nothing else.