A modern and responsive online bookstore built with Next.js 14, TypeScript, Tailwind CSS, and ShadCN UI. This full-stack project is powered by Strapi CMS as a backend and uses Stripe for secure payment processing.
- 🛍️ Browse and filter books by genre, author, or title
- 📖 View detailed book information
- ❤️ Add books to wishlist
- 🛒 Add to cart and place orders
- 💳 Stripe integration for online payments
- 🌗 Light/dark theme toggle
- 🧾 Admin content management via Strapi
- 🎛️ Form validation with React Hook Form + Zod
- 🔔 Toast notifications
- 🎠 Book carousel with Embla
- ⚡ Optimized performance and responsive design
- Next.js 14
- TypeScript
- Tailwind CSS
- ShadCN UI
- React Hook Form + Zod
- Framer Motion
- Embla Carousel
- Stripe
- Radix UI
- Strapi CMS
Deployed on: Railway
https://backend-production-dd5c.up.railway.app
- Clone the repository
git clone https://github.com/11thmoonlight/bookstore-frontend.git cd bookstore-frontend
- Install dependencies
npm install
yarn
- Configure environment variables
Create a .env.local file in the root and add the following:
NEXT_PUBLIC_STRIPE_PUBLIC_KEY=your_public_stripe_key STRIPE_SECRET_KEY=your_stripe_secret_key
npm run dev
yarn dev
The app will be available at https://hinode.vercel.app
| Script | Description |
|---|---|
npm dev |
Start development server |
npm build |
Build for production |
npm start |
Run production build |
npm lint |
Run ESLint |
Made with ❤️ by Aida (https://github.com/11thmoonlight)