ECommerce store with Custom CMS in Nextjs, mongoDB

Anas Ahmed

Complete Professional ecommerce store with custom CMS in Nextjs, mongoDB
Video Demo
🚀 Scalable Multi-Currency eCommerce Store + Admin CMS (Full-Stack, Optimized)
This is a full-stack eCommerce platform built with scalability, speed, and flexibility in mind. It includes a fully functional storefront and a secure, high-performance admin CMS for managing products, collections, and homepage content.
The app intelligently handles regional pricing, cart persistence, and page revalidation while following backend best practices such as optimized MongoDB queries and secure API design.
🌟 Core Features:
💸 Multi-Currency Support: Detects user location and adjusts product prices accordingly.
🏠 Customizable Homepage: Admins can update banners, featured categories, and products using MongoDB + API-based CRUD.
🛒 Persistent & Reactive Cart: Cart state revalidates on every product update or page refresh.
Super-Fast Performance: Uses a hybrid of SSR, SSG, ISR, and client-side rendering for lightning-fast loads with Vercel CDN + optimized images.
📈 SEO & Social Sharing: Dynamic Open Graph metadata (title, description, image) for each product and page.
🔐 Security & Backend Architecture:
🔒 Secure API Layer: Admin routes use HTTP-only and SameSite cookies for secure session management.
⚙️ Optimized MongoDB Access: Uses lean queries, projections, and aggregation pipelines to reduce DB load—especially in dashboard analytics.
💡 Best Practices Applied: RESTful route structure, DTOs for input validation, and secure data access patterns.
🔄 ISR + On-Demand Revalidation: Admin-triggered cache invalidation ensures that any store change reflects instantly without full rebuilds.
🛠️ Tech Stack:
Next.js 15 (App Router) – built for scalability and modular rendering
MongoDB + Mongoose – NoSQL flexibility with optimized queries
TypeScript – for maintainability and strong typing
Auth.js (NextAuth v5 Beta) – robust authentication and session handling with my own custom logic for geo location and login history
ua- parser-js – for user-agent detection
Tailwind CSS – rapid UI development
Vercel – seamless hosting, CDN, and ISR support
🔗 Live Demo & Access:
🛍️ Storefront
🛠️ Admin Panel
Customize homepage from admin panel
Customize homepage from admin panel
Dashboard
Dashboard
Product dashboard
Product dashboard
Like this project

Posted Jul 24, 2025

Next.js eCommerce site with pro-grade CMS, fast loading, smooth UX, SEO & Opengraph SEO & live order tracking—outperforms clunky web builders in every way.

AI-Powered Writing Assistant Platform Development
AI-Powered Writing Assistant Platform Development
A full-stack social media in Nextjs, PostgreSQl & Tailwind CSS
A full-stack social media in Nextjs, PostgreSQl & Tailwind CSS

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc