Pure Casual: Next.js, TypeScript, shadcn/ui & Zustand E-Commerce

Pure Casual Pure Casual is an e-commerce project for casual clothing, built with Next.js 15, Tailwind CSS, shadcn/ui, and Strapi (Headless CMS). The project uses modern technologies to provide a clean and performant shopping experience. Features include: Product listing Product details Shopping cart Checkout User authentication Responsive design Admin content management via Strapi Open to contributions during development. Getting Started Clone the repository git clone https://github.com/saidMounaim/pure-casual.git Install dependencies npm install Create a .env file in frontend folder STRAPI_URL= STRAPI_API_TOKEN= NEXT_PUBLIC_STRAPI_MEDIA_URL= Backend Setup (Strapi) Clone your Strapi project (if not created, create one via npx create-strapi-app@latest). Run the Strapi backend: npm run develop Configure your content types: Product Category Size Order Built With Next.js Tailwind CSS TypeScript shadcn/ui Strapi Zustand Contribution All kinds of contributions are welcome — please feel free to submit pull requests or open issues!

Jun 10, 2025 - 09:20
 0
Pure Casual: Next.js, TypeScript, shadcn/ui & Zustand E-Commerce

Pure Casual

Pure Casual is an e-commerce project for casual clothing, built with Next.js 15, Tailwind CSS, shadcn/ui, and Strapi (Headless CMS). The project uses modern technologies to provide a clean and performant shopping experience.

Features include:

  • Product listing
  • Product details
  • Shopping cart
  • Checkout
  • User authentication
  • Responsive design
  • Admin content management via Strapi

Open to contributions during development.

Getting Started

Clone the repository

git clone https://github.com/saidMounaim/pure-casual.git

Install dependencies

npm install

Create a .env file in frontend folder

STRAPI_URL=
STRAPI_API_TOKEN=
NEXT_PUBLIC_STRAPI_MEDIA_URL=

Backend Setup (Strapi)

  1. Clone your Strapi project (if not created, create one via npx create-strapi-app@latest).
  2. Run the Strapi backend:
npm run develop
  1. Configure your content types:
    • Product
    • Category
    • Size
    • Order

Built With

Contribution

All kinds of contributions are welcome — please feel free to submit pull requests or open issues!