A modern and developer-friendly Next.js 15 starter with best practices, powerful UI components, and essential tools for building amazing web apps. Fork, customize, and start coding!
- ⚡ Next.js 15 + TypeScript - Full support for the latest Next.js features.
- 🎨 Tailwind CSS - Utility-first CSS for rapid styling.
- 🛠️ Biome.js - All-in-one linter and formatter for clean code.
- 🚀 Hero UI - Modern and accessible UI components (previously NextUI).
- 💎 HugeIcons - Beautiful and customizable icon set.
- 📝 React Hook Form + Zod - Easy and type-safe form validation.
- ✅ @hookform/resolvers - Seamless integration with Zod.
- 🔔 Sonner - Elegant and non-intrusive toast notifications.
- 📊 next-nprogress-bar - Smooth progress bar for route transitions.
- 🌗 Dark/Light Mode Toggle - Built-in theme switcher for better UX.
- 🐶 Husky & Commitlint - Enforce Conventional Commits and maintain a clean commit history.
- 🌍 Environment Variables - Easily configure your app using
.env.local
files.
This repository is set up as a GitHub template repository. Click "Use this template" on GitHub to create a new project based on this starter.
The easiest way to start using this template is by running:
npx create-next-app my-app -e https://github.com/elverdavid-dev/started-nextjs-template
or
pnpm create next-app my-app -e https://github.com/elverdavid-dev/started-nextjs-template
Alternatively, clone the repository and run:
pnpm install
pnpm dev
Then, open http://localhost:3000 to see it in action.
This project requires the following environment variable. Create a .env.local
file and add:
NEXT_PUBLIC_BASE_URL=
You can change this value based on your deployment setup.