Production-ready Next.js Boilerplate with Modern Tooling

Next.js Template is a modern boilerplate for building production-ready web applications.

It integrates Next.js version with the App Router and React version 19 to provide a pre-configured toolchain for performance and productivity.

GitHub

Features

🎨 Tailwind CSS v4 for utility-first styling and rapid UI development.

📦 Bun runtime for fast package management and JavaScript execution.

🧹 BiomeJS for lightning-fast TypeScript and JSON linting and formatting.

💅 Prettier configuration for Markdown and YAML file formatting.

🛠️ Just command runner for automated task execution.

🔍 Knip for detecting unused code and dependencies.

🚀 Vercel deployment configuration with GitHub Actions CI/CD.

🤖 Claude Code integration with MCP servers configuration.

Use Cases

Building modern web applications with server-side rendering and static generation capabilities.
Creating e-commerce platforms that require fast loading times and SEO optimization.
Developing corporate websites and landing pages with professional styling systems.
Prototyping new ideas quickly with pre-configured development tools and workflows.
Setting up team projects with consistent code quality standards and automated testing.

How to Use It

1. To get started, you need to have the following tools installed on your system.

2. Create a new repository from this template directly on GitHub. You can also click the Use this template button on the project’s GitHub page to generate a new repository with the same structure and files.

3. Alternatively, you can clone the repository manually to your local machine.

bash git clone https://github.com/PaulRBerg/next-template.git my-project

bash cd my-project

bash bun install

bash bun husky

4. The project uses Just to run predefined commands for development, building, and code quality checks.

To start the local development server, run the following command. Your application will be available at http://localhost:3000.

just dev

To create a production-ready build of your application, use the build command.

just build

To run the production build locally, execute the start command.

just start

5. The template includes commands for checking and formatting your code with Biome.

To check for linting and formatting issues, run this command.

just biome-check

To automatically format your code according to the project’s rules, use this command.

just biome-format

6. For continuous integration and deployment, you must configure GitHub Actions secrets in your repository settings.

VERCEL_ORG_ID
VERCEL_PROJECT_ID
VERCEL_TOKEN

You can add these secrets through the GitHub UI or use the gh command-line tool. If you store them in a local .env file, you can set them all with the command gh secret set -f .env.

Related Resources

Next.js Documentation – Complete guide to Next.js features, API routes, and deployment options.
Tailwind CSS Documentation – Utility-first CSS framework documentation with component examples.
TypeScript Handbook – Official TypeScript documentation covering type system and advanced features.
Bun Documentation – Fast JavaScript runtime and package manager documentation with performance comparisons.

FAQs

Q: Can I use npm or yarn instead of Bun for package management?
A: Yes, you can use other package managers, but you’ll need to update the command scripts in package.json and remove Bun-specific configurations for the best experience.

Q: How do I add new linting rules or change code formatting preferences?
A: Edit the biome.jsonc file to customize BiomeJS rules. For Prettier formatting of Markdown and YAML files, create a .prettierrc configuration file.

Q: What should I do if Knip reports false positives for unused dependencies?
A: Update the knip.jsonc configuration file to exclude specific dependencies or file patterns that Knip incorrectly identifies as unused.