Next.js Boilerplate

Features

• Next.js latest version (v15)
• Progressive styling (tailwind CSS, shadcn-ui)
• Internationalization
• Data fetching (default fetch api)
• Form validation library (zod, react-hook-form)
• Server state management (tanstack query)
• Client state management (zustand, immer)
• Manage JWT authentication with access token re-validation
• Manage strict type (typescript)
• Code formatter (prettier, eslint)
• Storybook documentation

Run Project

Install dependencies

npm install
# or
yarn install
# or
pnpm install
# or
bun install

Run dev server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Check linting

npm run lint
# or
yarn lint
# or
pnpm lint
# or
bun lint

Build production version

npm run build
# or
yarn build
# or
pnpm build
# or
bun build

Run production server

npm run start
# or
yarn start
# or
pnpm start
# or
bun start

Local server url

http://localhost:300

Run storybook server

npm run storybook
# or
yarn storybook
# or
pnpm storybook
# or
bun storybook

Create a file .env.local on project root directory. Copy everything from .env.example and paste on .env.local.

Happy Coding!!!