Next.js E-Commerce Template with Admin Dashboard
Full Stack
Most popularStorefront + Admin Dashboard + NestJS API with TypeORM and auth
Storefront
The Next.js 16 customer storefront on its own, with catalog, cart, checkout, and AI virtual try-on
Admin Dashboard
The Next.js 16 admin dashboard on its own, with catalog management, roles, analytics, and the AI assistant
Backend API
The NestJS API on its own, with TypeORM, JWT auth, order management, and a one command seeder
Building for clients?
Agency License
- Everything in Full Stack
- Unlimited projects
- Priority email support (48h)
Next.js E-Commerce Template with Admin Dashboard
Next.js 16 e-commerce template with a storefront, an admin dashboard and a NestJS API. Guest checkout, JWT auth, AI try-on, English and Arabic with RTL.
Next.js 16 e-commerce template with a storefront, an admin dashboard and a NestJS API. Guest checkout, JWT auth, AI try-on, English and Arabic with RTL.
Full Stack
Most popularStorefront + Admin Dashboard + NestJS API with TypeORM and auth
Storefront
The Next.js 16 customer storefront on its own, with catalog, cart, checkout, and AI virtual try-on
Admin Dashboard
The Next.js 16 admin dashboard on its own, with catalog management, roles, analytics, and the AI assistant
Backend API
The NestJS API on its own, with TypeORM, JWT auth, order management, and a one command seeder
Building for clients?
Agency License
- Everything in Full Stack
- Unlimited projects
- Priority email support (48h)
Recent Buyers
Updates in real-time
Top Countries
Based on purchase locations
Community Feedback
A complete online store that pairs a polished Next.js 16 storefront with a full admin dashboard and a NestJS API, all in one monorepo. English and Arabic with full RTL, light and dark themes, guest checkout, and three AI features built in. Card payments run through Stripe and the AI features through the NestJS API, both with your own keys. On their own, the Storefront and Admin Dashboard packages run on a built-in mock API; real orders, payments and AI need the NestJS API from the Backend API or Full Stack package.
The dashboard at a glance
Revenue, orders, customers and conversion land on one screen the moment you sign in.
- Bento analytics with an animated revenue widget
- Live figures for sales, customers and conversion
- Real-time updates over WebSockets
A complete store, ready to sell
Everything a shopper expects, from the first visit to a paid order.
Product pages that convert
A catalog with URL-driven search, filters and sorting leads to product pages built to sell.
- Image galleries, color and size variants
- Customer reviews and related products
- Cart and wishlist that persist across sessions
- Category landing pages and editable homepage sections
Checkout without friction
Guests buy without an account and still track their orders.
- Checkout with order confirmation
- Guest order tracking by number and email
- Customer accounts: addresses, order history and details
Tracking pixels, already wired
Six ad networks ship with the storefront. Paste an id into your .env and the whole shopping funnel is reported, with no plugin to install and no code to write.
Six networks
- Google Tag Manager and GA4
- Meta pixel for Facebook and Instagram
- TikTok, Snapchat and Pinterest
- An id left blank loads no script at all
The whole funnel
- Page views on every route, not only the first
- Product views, add to cart and wishlist
- Checkout started, and purchase with the real order total
- Search, sign-up and sign-in
Configured in one file
- Every tag switched on from .env
- Currency and a console debug mode
- GTM receives the GA4 dataLayer shape, so its tag templates work as they are
- Adding a seventh network is one file
Three AI features, built in
Nothing bolted on: the try-on, the studio and the assistant live inside the codebase.
Virtual try-on
A shopper taps the hanger on any product and sees it worn in under a minute, on the built-in model or their own photo.
- One tap from any product page
- Works with the shopper's own photo
- Looks are saved and updated piece by piece
AI product studio
Product photography from a prompt, inside the product editor.
- Generate product imagery and remove backgrounds
- Draft a listing from a single image
- Per-account quotas keep costs under control
- Turn a product photo into a short video
One-tap studio prompts
Three suggestions sit above the composer and fill it for you; press Send and the agent does the rest.
- Write the product details
- Clean white studio shot
- Photograph this on a model
Animate mode
Short product videos from a motion prompt, generated right where the photos live.
- Motion presets: turntable, slow push in, fabric in the breeze
- Choose the model, resolution and clip duration
- Every clip lands in the generations gallery
Admin assistant, MCP ready
Streaming chat over your own store data through an MCP tool registry, with Anthropic, Google and OpenAI providers.
- Asks your database, not the internet
- Suggested questions for daily operations
- Bring your own API key
Run the store from one dashboard
Products, orders, customers, staff and the homepage itself, all managed in place.
Orders and operations
Live stats, filters and role-based access keep the day-to-day fast.
- Orders with statuses, payment state and filters
- Roles and permissions with RBAC
- Real-time notifications over WebSockets
- Analytics views built with Recharts
Two languages, two themes
English and Arabic with full RTL, light and dark themes that persist, and your branding in one config file per app.
Arabic with full RTL
Flip the locale and every layout mirrors correctly, from the navigation to the checkout.
- Logical properties everywhere, no mirrored bugs
- next-intl messages, one file per feature and locale
- The same components serve both directions
Light and dark themes
Both themes ship finished, and the shopper's choice persists across sessions.
- Storefront and admin are both themed
- Brand colors live in one config file per app
- No flash of the wrong theme on load
A stack you already know
Three apps, three ports, exact pinned dependencies and committed lockfiles.
Storefront and admin
- Next.js 16 App Router, React 19, TypeScript 5
- Tailwind CSS 4, Motion, Embla
- TanStack Query and Redux Toolkit
- React Hook Form and Zod on every form
- next-intl for i18n
Backend
- NestJS with per-domain modules
- TypeORM with MySQL or SQLite
- JWT auth for customers and staff
- Orders with status and payment tracking
- Socket.io and S3-compatible uploads
Developer experience
- One command database seeder
- Branding in a single config file per app
- Exact pinned dependencies, committed lockfiles
- Quick start guide: setup, seeding, deployment
Built to be launched
Technical Specifications
Framework
Next.js 16
React Version
React 19
Styling
Tailwind CSS 4
TypeScript
Yes
Responsive
Mobile, Tablet, Desktop
Support Period
Lifetime Included
Pro Tip: All templates include comprehensive documentation to get you started quickly.
Frequently asked questions
- What do I get when I buy this template?
- The complete source code of the package you choose, downloaded from your personal dashboard right after checkout. A business invoice is available for every purchase.
- Can I use it for client and commercial projects?
- Yes. Every paid template comes with a Commercial licence that covers one commercial project, including work you deliver to a client. To reuse the same template across several projects, choose the Agency licence, which covers unlimited projects.
- Do I get updates after buying?
- Yes. Updates are free. New versions appear in your dashboard, where you can download every file you own again at any time.
- Is support included?
- Yes. The assistant on this page answers in seconds, and email support is included with every purchase, at support@aniq-ui.com, with a reply within 4 hours.
- Can I try it before I buy?
- Yes. This template has a full live demo, linked at the top of this page, so you can click through the real thing before you decide.
Related Templates
Real Estate
$179Velra is a full-stack Next.js real estate template: a public website for buying and renting, an agency dashboard for properties, leads and viewings, a NestJS API, AI virtual staging, and English and Arabic with RTL.
Fitness
$179Kinora is a full-stack Next.js fitness coaching template with a NestJS backend, AI assistant, client roster, workout logger, meal planner, and Arabic RTL.
E-Learning
$179Learnio is a full-stack Next.js LMS template with a NestJS backend, AI assistant, live classes, Stripe checkout, quizzes, certificates, and Arabic RTL.
Professional Next.js Templates Technical Advantages
Our Next.js templates are engineered with performance optimization, TypeScript integration, and developer-friendly architecture to accelerate your web application development. Ready-to-use UI components save hours of design and coding time.
Responsive Design
Fully adaptive Next.js Templates with responsive breakpoints for mobile, tablet, and desktop viewport optimization.
Accessibility
Semantic HTML, ARIA attributes and keyboard navigation, built with accessibility in mind.
High Performance
Built on the Next.js App Router with server components and optimized assets, so pages stay fast as they grow.
TypeScript Support
Next.js App Router architecture with server components for reduced client-side JavaScript and faster time-to-interactive metrics.
Enterprise-Grade Features Included:
Developer Experience
Enterprise-grade development toolkit
- TypeScript 5.0+ with strict type checking
- Server & Client Components architecture
- Comprehensive JSDoc documentation
UX & Performance
Optimized user experience metrics
- Mobile-first responsive design system
- Accessible markup with ARIA and keyboard navigation
- Fast rendering with server components and optimized assets
Maintenance & Support
Long-term project sustainability
- Support included with your purchase
- Regular security & framework updates
- SEO-optimized semantic structure
All Next.js Templates implement modern React 19 patterns, App Router architecture, and Web Vitals optimization for SEO-friendly performance.
