Welcome to Next15-Ultimate-Starter-Kit, a powerful and comprehensive starter kit for Next.js 15 applications! This repository comes packed with everything you need to quickly build modern, performant web applications. Whether you're building a personal project or a production-ready app, this starter repo is your one-stop solution.
The repository integrates Tailwind CSS, Firebase, Redux with local storage persistence, TypeScript, and Dark/Light Mode support, ensuring a seamless developer experience. All of this comes with a well-organized folder structure and optimized configuration so you can focus on building your app rather than spending time on setup.
- Tailwind CSS: Quickly build stunning, responsive UIs with the utility-first CSS framework.
- Firebase Integration: Easily manage user authentication and Firebase Firestore database for fast data storage and retrieval.
- Redux for State Management: Manage global application state efficiently with Redux, with added localStorage persistence to ensure that data is never lost even after page reloads or sessions end.
- TypeScript: Enjoy a fully-typed, error-free development process with TypeScript.
- Dark/Light Mode Support: Built-in theme toggle support for Dark and Light modes to enhance the user experience.
- Local Storage Persistence: Your Redux state is persisted across page reloads using
redux-persist
, so your data is always safe. - Clean and Organized Structure: A clear and modular folder structure that allows for scalability and easy maintainability.
Make sure you have the following installed:
- Node.js (v16 or later)
- npm (or yarn)
- Firebase Project (For Firebase Authentication and Firestore Database)
- Next.js 15 (This repo is built for Next.js v15)
To get started, follow these steps:
-
Clone the Repository:
Clone the repository using Git:
git clone https://github.com/ELATTAR-Ayoub/Next15-Ultimate-Starter-Kit.git cd Next15-Ultimate-Starter-Kit
-
Install Dependencies::
Install the necessary dependencies using npm or yarn:
npm run dev
yarn dev
pnpm dev
bun dev
2. **Run the Application:**:
After configuring Firebase, run the development server:
```bash
npm run dev
# or
yarn dev
We welcome contributions to enhance the functionality and performance of this starter project.
- Fork this repository.
- Create a new branch for your feature or fix (
git checkout -b feature-name
). - Make your changes and commit them (
git commit -am 'Add new feature'
). - Push to your branch (
git push origin feature-name
). - Create a pull request explaining your changes.
If you have any questions or need assistance, feel free to reach out to us at [email protected].