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.localfiles.
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-templateor
pnpm create next-app my-app -e https://github.com/elverdavid-dev/started-nextjs-templateAlternatively, clone the repository and run:
pnpm install
pnpm devThen, 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.