Next.js Boilerplate

Next.js Boilerplate is a fantastic open-source project that can kickstart your Next.js and React app development with ease. It’s packed with a wide range of powerful features, from authentication and database management to internationalisation and robust testing, all designed to save you time and effort.

Start by running the following command:

git clone --depth=1 https://github.com/ixartz/Next-js-Boilerplate.git my-project-name

cd my-project-name

npm install

This boilerplate is truly a developer’s dream, offering a modern and well-structured codebase that’s written in TypeScript and styled with Tailwind CSS. With its focus on developer-friendly tools like ESLint and Prettier, you can rest assured that your project will maintain a clean and consistent code quality.

Finally, the best part about the Next.js Boilerplate is that it’s completely free and open-source. This means you can take advantage of the latest Next.js updates and benefit from the contributions of the vibrant community, all while keeping your project costs low and your development process efficient.

The maker is passionate about creating a delightful development experience. They’ve meticulously curated the tools and configurations, ensuring that you can focus on building your application without getting bogged down by tedious setup tasks. With this boilerplate, you’ll have the freedom to make the necessary adjustments to fit your unique project requirements and preferences.

Their philosophy:

• Nothing is hidden from you, so you have the freedom to make the necessary adjustments to fit your needs and preferences.
• Dependencies are updated every month
• Easy to customise
• Minimal code
• SEO-friendly
• 🚀 Production-ready

Pricing

• $0

All licences include

• ⚡ Next.js with App Router support
• 🔥 Type checking TypeScript
• 💎 Integrate with Tailwind CSS
• ✅ Strict Mode for TypeScript and React 18
• 🔒 Authentication with Clerk: Sign up, Sign in, Sign out, Forgot password, Reset password, and more.
• 👤 Passwordless Authentication with Magic Links, Multi-Factor Auth (MFA), Social Auth (Google, Facebook, Twitter, GitHub, Apple, and more), Passwordless login with Passkeys, User Impersonation
• 📦 Type-safe ORM with DrizzleORM, compatible with PostgreSQL, SQLite, and MySQL
• 🌐 Multi-language (i18n) with next-intl and Crowdin
• ♻️ Type-safe environment variables with T3 Env
• ⌨️ Form handling with React Hook Form
• 🔴 Validation library with Zod
• 📏 Linter with ESLint (default Next.js, Next.js Core Web Vitals, Tailwind CSS and Airbnb configuration)
• 💖 Code Formatter with Prettier
• 🦊 Husky for Git Hooks
• 🚫 Lint-staged for running linters on Git staged files
• 🚓 Lint git commit with Commitlint
• 📓 Write standard compliant commit messages with Commitizen
• 🦺 Unit Testing with Vitest and React Testing Library
• 🧪 Integration and E2E Testing with Playwright
• 👷 Run tests on pull request with GitHub Actions
• 🎉 Storybook for UI development
• 🚨 Error Monitoring with Sentry
• ☂️ Code coverage with Codecov
• 📝 Logging with Pino.js and Log Management with Better Stack
• 🖥️ Monitoring as Code with Checkly
• 🎁 Automatic changelog generation with Semantic Release
• 🔍 Visual testing with Percy (Optional)
• 💡 Absolute Imports using @ prefix
• 🗂 VSCode configuration: Debug, Settings, Tasks and Extensions
• 🤖 SEO metadata, JSON-LD and Open Graph tags
• 🗺️ Sitemap.xml and robots.txt
• ⌘ Database exploration with Drizzle Studio and CLI migration tool with Drizzle Kit
• ⚙️ Bundler Analyzer
• 🌈 Include a FREE minimalist theme
• 💯 Maximize lighthouse score

Languages / frameworks

• Next.js
• Typescript
• React
• Tailwind CSS

Accolades

9K stars on GitHub