A Next.js + Zustand powered blogging dashboard that allows users to create, edit, view, and delete posts with a clean, modern interface. All data is persisted locally using Zustand + localStorage, so your posts remain even after page refresh.
Dashboard Views: Toggle between Grid/Card view and Table view for posts.
Post Management: Create, edit, and delete blog posts.
Post Details: View full post content, author info, creation date, and tags.
Validation: Robust form validation using Zod.
Persistence: Posts are stored locally with Zustand + localStorage, no backend required.
Responsive UI: Built with a modern component library (cards, alerts, modals, buttons).
Confirmation Dialogs: Delete actions are confirmed to prevent accidental deletion.
Next.js (App Router) – frontend framework
React & Zustand – state management and local persistence
TypeScript – type safety
Zod – input validation
Tailwind CSS – styling
Shadcn - CSS framework
Framer Motion – animations
- git clone
- cd
- npm install
- npm run dev
Usage
-
Create Post: Click “Create Post”, fill title & content, submit.
-
Edit Post: Click edit icon → update → submit.
-
Delete Post: Click delete icon → confirm.
-
View Post: Click view icon.
-
Toggle View: Switch between card/grid and table view.