Who is this for?
Developers, students, and founders who want a production-shaped fashion store — not a homepage demo — to learn Next.js 16 commerce, or to fork and sell from.
Atelier Vale is a complete fashion e-commerce app built from scratch: a public store you can browse, filter, and check out of, plus an owner admin for catalog, inventory, orders, and settings. The storefront is paper-and-ink editorial — Fraunces over Geist — with a three-row mega header, hero slider, circular categories, colour swatches that swap the product gallery, mini-cart, wishlist, compare, and a right-side dock. Checkout is signed-in only via Stripe (or optional cash on delivery). Stock is per colour and size. Coupon VALE10 is 10% off over $50; shipping is free over $100. Auth is NextAuth v5 (credentials, Google, GitHub). Data is MongoDB with the native driver and a JSON catalog fallback so the shop still renders before a database exists. Fork it, seed it, restyle it, sell from it — MIT licensed.
Technologies
Next.jsReactTypeScriptTailwind CSSshadcn/uiNextAuth
Key features
- Editorial fashion storefront with mega header, hero slider, and category tiles
- 10 categories and 28 products with colour + size variants and per-size stock
- Shop filters, sort, density, pagination, header search, and quick view
- Product gallery with swatches that swap images, size guide, reviews, and related items
Who is this for?
Developers, students, and founders who want a production-shaped fashion store — not a homepage demo — to learn Next.js 16 commerce, or to fork and sell from.
Starter docs & prompts
Copy the master prompt or setup docs below and use them in your editor or AI assistant.
GETTING_STARTED.md44 lines · 1.3 KB
Copy this file into your project to get started — use Preview to read it, or Raw to grab the exact markdown.
Atelier Vale — getting started
Live demo: https://fashion.reactbd.com/ Source: https://github.com/noorjsdivs/fashion-yt
Run it locally
You need Node.js 20.9+, pnpm 12, and a free MongoDB Atlas cluster.
git clone https://github.com/noorjsdivs/fashion-yt.git
cd fashion-yt
cp .env.example .env
pnpm install
Minimum .env:
MONGO_URI=mongodb+srv://USERNAME:PASSWORD@cluster0.xxxxx.mongodb.net/fashion?retryWrites=true&w=majority
AUTH_SECRET= # openssl rand -base64 32
NEXT_PUBLIC_ADMIN_EMAIL=you@example.com
NEXT_PUBLIC_BASE_URL=http://localhost:3000
Then seed and start:
pnpm seed
pnpm dev
Open http://localhost:3000. pnpm seed upserts the catalog, journal, coupon VALE10, and (if the admin email is new) prints a one-time admin password.
You can browse the catalog without Mongo — data/catalog.json is the fallback. Accounts, orders, reviews, and /admin need the database.
What ships
- Storefront: home, shop, categories, PDP, cart, wishlist, compare, blog, account, checkout
- Admin: dashboard, products, inventory, orders, customers, coupons, reviews, settings
- Stack: Next.js 16, React 19, Tailwind CSS 4, shadcn/ui, NextAuth v5, MongoDB native driver, Stripe Checkout, Zod
MIT © Noor Mohammad. Full setup notes live in README.md in the repo.