https://github.com/miladjoodi/zustand_starter_project
This is a starter template built with 𝐍𝐞𝐱𝐭.𝐣𝐬 and 𝐙𝐮𝐬𝐭𝐚𝐧𝐝. Perfect for beginners to learn basic state management in a clean and simple! 🚀
https://github.com/miladjoodi/zustand_starter_project
nextjs nextjs14 reactjs state-management tailwindcss typescript zustand zustand-persist zustand-state-management zustandjs
Last synced: 3 months ago
JSON representation
This is a starter template built with 𝐍𝐞𝐱𝐭.𝐣𝐬 and 𝐙𝐮𝐬𝐭𝐚𝐧𝐝. Perfect for beginners to learn basic state management in a clean and simple! 🚀
- Host: GitHub
- URL: https://github.com/miladjoodi/zustand_starter_project
- Owner: MiladJoodi
- License: mit
- Created: 2024-12-14T18:04:37.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-14T19:22:03.000Z (6 months ago)
- Last Synced: 2025-02-08T01:51:25.241Z (4 months ago)
- Topics: nextjs, nextjs14, reactjs, state-management, tailwindcss, typescript, zustand, zustand-persist, zustand-state-management, zustandjs
- Language: TypeScript
- Homepage: https://zustand-starter.vercel.app/
- Size: 199 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Zustand Starter Project
This is a simple starter project built with **Next.js 14.2** and **Zustand**. It provides a foundational setup to help you quickly get started with state management in Next.js applications.
## Features
- **State Management**: Uses [Zustand](https://github.com/pmndrs/zustand) for lightweight and scalable state management.
- **Local Storage Persistence**: Includes the capability to persist state to `localStorage`.
- **Multiple Branches**:
- `main`: Basic Zustand implementation.
- `persist`: Zustand with localStorage persistence.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/MiladJoodi/Zustand_Starter_Project.git
```
2. Navigate to the project directory:
```bash
cd Zustand_Starter_Project
```
3. Install dependencies:
```bash
npm install
```
4. Run the development server:
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) in your browser to see the app.
## Branches
### Main Branch
The main branch contains a basic implementation of Zustand to manage state efficiently in a Next.js environment.
### Persist Branch
The `persist` branch adds functionality to persist state in `localStorage`, ensuring that your state remains intact even after a page refresh.
To switch to the `persist` branch, run the following command:
```bash
git checkout persist
```
## Contribution
Feel free to open issues or submit pull requests for any improvements or suggestions. Contributions are always welcome!
## Repository
Check out the project on GitHub:
[Zustand Starter Project](https://github.com/MiladJoodi/Zustand_Starter_Project)
---
Happy coding! 🚀