This project is a modern, production-ready multitenant ecommerce platform built with Next.js, Payload CMS, and a rich set of integrations for payments, SEO, and multi-store management.
- Multi-Tenant Architecture: Each store (tenant) has its own products, branding, and Stripe account, managed via subdomains.
- Product & Order Management: Full CRUD for products, categories, orders, reviews, and media.
- Stripe Integration: Per-tenant Stripe Connect for secure payments and onboarding.
- Advanced SEO: Dynamic metadata, Open Graph, Twitter Cards, structured data, sitemaps, robots.txt, and more (see SEO_IMPLEMENTATION.md).
- Admin Dashboard: Powerful admin UI via Payload CMS with role-based access control.
- API & TRPC: Modern API layer using tRPC for type-safe client-server communication.
- Authentication: Secure, extensible auth with multi-role support.
- Performance: Built with Next.js App Router, React 19, and optimized for speed.
- Modern UI: Tailwind CSS, Radix UI, and custom components for a beautiful, accessible experience.
- Frontend: Next.js 15, React 19, Tailwind CSS, Radix UI
- Backend: Payload CMS, MongoDB (via Mongoose), tRPC
- Payments: Stripe Connect
- Storage: Vercel Blob Storage for media
- Other: Zod, Zustand, React Hook Form, ESLint, TypeScript
yarn install # or npm install, pnpm install, or bun installCopy .env.example to .env and fill in the required values (MongoDB URI, Stripe keys, Payload secret, etc).
yarn dev # or npm run dev, pnpm dev, bun devVisit http://localhost:3000 to view the app.
yarn db:seed # or bun run src/seed/index.tssrc/collections/— Payload CMS collections (Products, Orders, Tenants, etc)src/app/— Next.js App Router structuresrc/modules/— Feature modules (auth, products, checkout, etc)src/components/— UI componentssrc/lib/— Utilities and shared logicsrc/payload.config.ts— Payload CMS configurationSEO_IMPLEMENTATION.md— Full SEO implementation details
yarn dev— Start development serveryarn build— Build for productionyarn start— Start production serveryarn db:seed— Seed the databaseyarn lint— Lint codebase
This project implements advanced SEO best practices. See SEO_IMPLEMENTATION.md for a detailed guide.
MIT
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.