A Complete and full-stack eCommerce platform built with Next.js. Launch your online store with core features like product management, secure Stripe payments, built-in custom CMS, and responsive design. Enjoy full control, lifetime free updates, and comprehensive documentation to build, develop, and scale your store effortlessly.
CozyCommerce is powerful full-stack, self-hosted eCommerce solution built with Next.js. Featuring one-click deployment, this platform offers seamless scalability, custom CMS integration, and secure payments—perfect for creating and managing your online store with ease.
This is the free Lite version of CozyCommerce, featuring a basic landing page to establish your online presence. It does not include advanced functionality or CMS features like product management or payment processing. Get a premium plan for full e-commerce tools.
| ✨ Features | 🎁 CozyCommerce Free | 🔥 CozyCommerce Pro |
|---|---|---|
| Next.js Pages | Static | Dynamic Boilerplate Template |
| Custom CMS | Not Included | All According to Demo |
| eCommerce Features | Not Included | Included |
| Integrations (DB, Auth, etc.) | Not Included | Included |
| Community Support | Included | Included |
| Premium Email Support | Not Included | Included |
| Lifetime Free Updates | Included | Included |
Welcome to CozyCommerce — a modern, high-performance ecommerce solution based on Next.js built for scalability and developer productivity.
This guide will walk you through setting up the project locally and deploying it to production using Vercel. Whether you're building an e-commerce MVP or scaling an enterprise storefront, CozyCommerce offers the tools and structure to get started quickly.
Before you begin, ensure that the following tools are installed on your machine:
We recommend using a version manager like nvm to manage Node.js versions easily.
Create a .env file in the root directory and add the following environment variables:
NEXTAUTH_URL="http://localhost:3000"
NEXT_PUBLIC_SITE_URL="http://localhost:3000"
SITE_URL="http://localhost:3000"
SITE_NAME="CozyCommerce"
GITHUB_CLIENT_SECRET="your_github_client_secret"
GITHUB_CLIENT_ID="your_github_client_id"
GOOGLE_CLIENT_SECRET="your_google_client_secret"
GOOGLE_CLIENT_ID="your_google_client_id"
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY="your_stripe_publishable_key"
STRIPE_SECRET_KEY="your_stripe_secret_key"
NEXT_PUBLIC_SUCCESS_URL="http://localhost:3000/success?session_id={CHECKOUT_SESSION_ID}"
NEXT_PUBLIC_CANCEL_URL="http://localhost:3000"
NEXT_PUBLIC_ALGOLIA_PROJECT_ID="your_algolia_project_id"
NEXT_PUBLIC_ALGOLIA_WRITE_API_KEY="your_algolia_write_api_key"
NEXT_PUBLIC_ALGOLIA_INDEX="your_algolia_index"
EMAIL_SERVER_HOST="smtp.resend.com"
EMAIL_SERVER_PORT=465
EMAIL_SERVER_USER="resend"
EMAIL_SERVER_PASSWORD="your_resend_api_key"
EMAIL_FROM="your_email"
ADMIN_EMAILS="admin@example.com"
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="your_cloudinary_cloud_name"
CLOUDINARY_API_KEY="your_cloudinary_api_key"
CLOUDINARY_API_SECRET="your_cloudinary_api_secret"
DATABASE_URL="your_database_url"
NEXTAUTH_SECRET="your_nextauth_secret"
FORMBOLD_FORM_ID="your_formbold_form_id"
⚠️ Important: Replace the placeholder values with your actual API keys and credentials. Never commit your.envfile to version control to protect sensitive data.
Follow these steps to get the project running locally:
-
Install project dependencies:
npm install
-
Generate the Prisma client (for database access):
npx prisma generate
-
Start the development server:
npm run dev
Once the server is running, you can access your local store at: http://localhost:3000
Deploy your CozyCommerce store in minutes using Vercel:
-
Push your code to GitHub (or another supported Git provider like GitLab or Bitbucket).
-
Log in to Vercel and click “Import Project.”
-
Connect your Git repository, then:
- Select Next.js as the framework preset.
- Add all required environment variables from your
.envfile under the "Environment Variables" section. - For your database, use a cloud service like Neon and provide the connection string in
DATABASE_URL.
-
Click "Deploy" — Vercel will handle the rest, including continuous deployment on every push to your main branch.
-
After deployment, you’ll receive a Vercel-hosted URL. You can also add a custom domain if needed.
To enable full functionality, set up the following services and add the relevant credentials to your .env file:
- Neon — PostgreSQL database with serverless autoscaling.
- Cloudinary — Image storage, optimization, and delivery.
- Stripe — Payment processing and checkout.
- Algolia — Lightning-fast search powered by AI.
- Resend — Transactional email delivery via SMTP or API.
- GitHub OAuth / Google OAuth** — Enable social login functionality.
- Formbold — Simple form backend for contact forms and submissions.
Explore our full documentation for deeper integration guidance:
- Database Integration
- Authentication
- Payment Gateways
- Algolia - AI-Powered Search
- Cloudinary - Image Hosting
- Email - Transactional/SMTP
- Admin Access
Need help? Feel free to reach out or open an issue on the GitHub repository. Happy coding! 🎉