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 🔍
- 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
- Favicon.io - Quickly generate variety of favicon sizes
- Open Graph Generator - Generate beautiful Open Graph images with zero effort.
- Open Graph Debugger - Preview how your Open Graph images will be rendered on social media platforms.
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 ciLaunch the development server to see your changes in real-time:
npm run devTo prepare your project for production, build it with:
npm run buildFinally, run your project in production mode:
npm run startYour feedback and contributions are welcome! Join us in enhancing this project further to make web development more efficient and enjoyable.
🎉 Happy coding!