Atelier - Fine Grocer Online Store Website

Atelier is a production-ready online grocery website. It ships with an editorial, app-like storefront shoppers buy from, an admin panel where the team runs the shelves, the stock and the orders, and the API behind both, built with Next.js, React, Tailwind CSS, Express and MongoDB.

Change the logo, colours, banners, products and content from the dashboard, with no coding required.

Key features

• Shop with aisles and sub-aisles, producers (the store's "brands"), search, filters (aisle, producer, price, rating, in stock) and sorting
• Simple and variable products (weight, volume, pack), each pack with its own price, stock and photos
• Add to cart, quick view, "Order now" and favourites (wishlist)
• Weekly Deals (flash sale with optional countdown), Market Favourites (trending and best sellers) and Just Arrived with a "Load more" button on the home page
• Discount and compare-at pricing, and coupons
• Cart drawer and cart page, guest or signed-in checkout, saved addresses, inside and outside Dhaka delivery charges
• Cash on Delivery, PayStation, bKash and Nagad payments
• Order confirmation, public order tracking (order number and phone) and customer accounts with order history
• Reviews with moderation and a verified-order badge
• The Journal (blog), FAQ, built-in text pages (About, Delivery & Freshness, Returns & Refunds, Privacy, Terms) and custom pages
• Origin, storage, shelf-life, ingredient and allergen information on every product
• SEO with JSON-LD, sitemap and per-product meta tags
• WhatsApp, Messenger and call buttons
• Stores with call and directions links
• Dashboard and analytics: revenue, orders, funnel, best sellers and slow movers
• Products with a weight, volume and pack builder, aisles with drag-and-drop ordering, producers and options
• Stock levels with a change log, orders with status and payment control, incomplete-order capture, customers, coupons and review moderation
• Banners (hero, pick of the day, deals promos, aisle icons, feature trio) with a live homepage preview
• Payment logos in the storefront footer (bKash, Nagad, Rocket, Upay, Visa, Mastercard), each switched on or off under Settings → Footer
• Edit the journal, FAQ, pages, footer menu, colours, delivery and payment settings from the admin, with no code
• Courier booking with Steadfast, Pathao and Carrybee
• Facebook Pixel with Conversions API, Google Analytics and Ads tracking
• Fraud scoring, staff accounts and roles
• Image optimisation and storage on Cloudflare R2 or Cloudinary
• Live sales-demo mode: the whole shop runs in the visitor's browser
• Vercel-ready deployment, with a deployment guide
• Free hosting for your store

What you get

• Complete source code on GitHub: the Next.js storefront, the Vite admin panel and the Express API
• A starter catalogue of 95 products in 9 aisles, with 9 producers, FAQ and journal posts to start from
• Setup guide and environment variable reference, ready for Vercel
• A live demo mode that runs entirely in the visitor's browser
• Free Vercel deployment setup on request
• Free hosting for your store
• 6 months of support and lifetime updates