🚀 Next.js Boilerplate 2024

Welcome to the Next.js Boilerplate 2024 – your starting point for building modern web applications that are ready to take on tomorrow's challenges.

⚡ Features & Technologies

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 🚀

🌟 Useful Links

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.

🛠️ Getting Started

Step 1: 🚀 Initial Setup

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

Step 2: 🏃‍♂️ Running the Project

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

🤝 Feedback and Contributions

Your feedback and contributions are welcome! Join us in enhancing this project further to make web development more efficient and enjoyable.

🎉 Happy coding!