Welcome to the Next.js Boilerplate 2024 – your starting point for building modern web applications that are ready to take on tomorrow's challenges.
Here's what powers the Next.js Boilerplate 2024, from the framework to the development tools:
- Next.js - The React framework for production 🚀
- Tailwind CSS - A utility-first CSS framework 🎨
- shadcn/ui - Reusable React components 🛠
- Vitest - A blazing fast unit-test framework that runs in Vite ⚡
- Testing Library - Helps test UI components in a user-centric way 🧪
- Semantic Release - Fully automated version management and package publishing 📦
- Renovate - Automatically keep your dependencies up to date 🔄
- Commitlint - Ensures your commit messages meet the conventional commit format 🔍
- Simple Import Sort - Automatically sorts imports for cleaner code 📑
- Docker - Simplifies deployment with containerization 🐳
- GitHub Actions - Automates your workflows for testing, building, and deploying 🚀
Explore these tools to further enhance your development workflow:
- Realtime Colors - Elevate your design with modern fonts and a dynamic color palette generator.
- Meta Tags - Debug and generate meta tag code for any website
Begin by cloning the repository, navigating to the project directory, and installing dependencies. Execute the following command in your terminal:
git clone https://github.com/edwinhern/next-template-2024.git && cd next-template-2024 && npm ci
Launch the development server to see your changes in real-time:
npm run dev
To prepare your project for production, build it with:
npm run build
Finally, run your project in production mode:
npm run start
Your feedback and contributions are welcome! Join us in enhancing this project further to make web development more efficient and enjoyable.
🎉 Happy coding!