An e-commerce project for an online bookstore developed using NextJS 13 and its experimental appDir
. Frontend UI is crafted with radix-ui and TailwindCSS. To manage server and client state, TanStack Query and Zustand are used respectively. StrapiCMS serves as the backend for this project.
- Responsive Design
- Search Functionality
- Add To Cart
- Add To Wishlist
- SEO-friendly
- Accessible
- NextJS 13 with appDir - frontend development
- TypeScript - type checking
- TailwindCSS - styling
- Figma - UI/UX
- StrapiCMS - backend
To run the project locally, follow these steps:
Clone the repository:
Install dependencies for frontend:
cd next-bookstore && npm install
Install dependencies for backend:
cd backend && npm install
Start the frontend: (at the root /)
npm run dev
Start the backend:
cd backend && npm run develop
Open your browser and go to http://localhost:3000