rapid-next
rapid-next copied to clipboard
⚡ A Starter project for starting new React JS development with common features already preconfigured out of the box
✨ Rapid Next ✨
This is a simple starter boilerplate that provides a solid foundation for your next project. It incorporates the following features and libraries to help you build modern and efficient web applications.
Features
-
Library Used 📚:
- Next.js: A popular React framework for building server-rendered and static websites.
- React Query: A powerful data fetching and caching library for React applications.
- Tailwind CSS: A highly customizable CSS framework that provides utility classes to build stylish UI components.
- Headless UI: A set of completely unstyled, fully accessible UI components for building great user interfaces.
- Axios: A promise-based HTTP client for making API requests from the browser or Node.js.
- React Icons: A library of popular icon packs for React applications.
- tailwind-merge: A utility library for merging Tailwind CSS classes dynamically.
- Day.js: A minimalist JavaScript library for parsing, manipulating, and formatting dates.
- Jest: A delightful JavaScript testing framework.
- Husky: A Git hooks tool that helps run scripts and enforce policies on Git actions.
- PNPM: A fast and disk space-efficient package manager for JavaScript projects.
-
Code Quality Tools 🧰:
- ESLint: A widely-used linter tool that helps enforce coding standards and identify problematic patterns.
- Prettier: An opinionated code formatter that ensures consistent code style throughout your project.
- lint-staged: A tool that allows you to run linters on staged files, promoting code quality in your commits.
Live Demo 🌐
Experience the boilerplate in action with our live demo. Click here to explore it!
Example 🚀
We have included a comprehensive example to demonstrate the usage and capabilities of this boilerplate. Check out the example folder for more details.
- Financial Tracker
- Meal Book
Try it Now ▶️
To get started with this boilerplate immediately, follow these steps:
-
Clone the repository:
git clone https://github.com/hasan-almujtaba/rapid-next.git
-
Install dependencies using PNPM:
pnpm install
-
Start the development server:
pnpm dev
-
Open your browser and navigate to http://localhost:3000 to see your application running!
Feel free to customize the boilerplate to meet your specific requirements. Happy coding! 😄
License 📝
This project is licensed under the MIT License.