LogoTemplateFame
  • Category
  • Blog
  • Pricing
  • Submit
LogoTemplateFame

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates

LogoTemplateFame

TemplateFame - Popular Templates Directory

X (Twitter)
Made with❤️byHyhor
Product
  • Submit
  • Pricing
  • Category
Explore
  • Tag
  • Blog
  • Collection
Contact
  • Twitter
  • Email
More
  • About Us
  • Privacy Policy
  • Terms of Service
  • Sitemap
Copyright © 2026 All Rights Reserved.

Quick Links - Explore more trending templates

  • Product Templates
  • Business Templates
  • Landing Templates
  • Notion Templates
  • Blog Templates
  • Portfolio Templates
  • E-commerce Templates
  • Dashboard Templates
  • Services Templates
  • Agency Templates
  • Coming Soon Templates
  • Boilerplate Templates
  • Directory Templates
  • Documentation Templates
  • Photography Templates
  • Personal Templates
  • Admin dashboard Templates
  • AI Templates
  • Mobile Templates
  • Cross-platform Templates
  • Microservice Templates
  • WordPress Templates
  • HTML Templates
  • Shopify Templates
  • CMS Templates
  • Emails Templates
  • Newsletter Templates
  • Notifications Templates
  • Payments Templates
  • SEO Templates
  • Animations Templates
  • UI/UX Templates
  • Other Templates
Featured on ProductFameFeatured on toolfame.comFeatured on saasfame.comFeatured on aitoolfame.comFeatured on directoryfame.comFeatured on Startup FameListed on Turbo0Featured on Twelve ToolsFeatured on Wired BusinessFeatured on Findly.tools
  1. Home
  3. Category
  7. The Mars: Next.js E-commerce template
icon of The Mars: Next.js E-commerce template

The Mars: Next.js E-commerce template

The Mars is a high-performance Next.js (TypeScript) e-commerce template, offering a ready-to-use solution for building modern online stores.

Visit Website
image of The Mars: Next.js E-commerce template
Visit Website

Introduction

The Mars: Next.js E-commerce template 💻

Ready to use Next.js (TypeScript) template to create high-performance e-commerce websites.

Free 👍. Ready to use 😎. Just clone & deploy! 🤘

Online Demo ⚡️

mars.demos.my-boundless.app - deployed to Netlify.

About Boundless Commerce

Boundless-commerce.com

Boundless-commerce.com - API’s First Headless E-commerce CMS: We Provide An Admin-Side For Store Management, Powerful API, And Ready-To-Use Checkout Area.

Self-Hosted solution

There is an option for Running Boundless-Commerce on your own server. Read more at Open-Source Headless eCommerce Platform

Getting Started
  1. Go to Boundless-commerce.com and create a free account (no credit card required).
  2. Go to "Control panel" -> "Settings" -> "Access tokens" and create a new one:

Settings Menu Create Access Token Button

  1. Copy .env.example to .env
  2. Modify .env: put values for the BOUNDLESS_API_PERMANENT_TOKEN and BOUNDLESS_INSTANCE_ID, copy values from:

Copy Credentials

  1. Install dependencies: yarn install
  2. yarn dev - to start locally, then open http://localhost:3000
  3. If you want to have absolute URLs in the sitemap.xml and OpenGraph meta tags you need to also specify BOUNDLESS_BASE_URL.
Optional parameters
  • BOUNDLESS_BASE_URL - Base URL if you want to have absolute URLs in the sitemap.xml and OpenGraph meta tags.
  • BOUNDLESS_PRODUCTS_IMAGE_PROPORTION - Specify resize proportion so product images in lists have the same size. Possible values are: 1-1, 2-3, 3-2, 4-5, 5-4, 3-4, 4-3, 16-9, 9-16.
What is included?

Fully ready E-Commerce website with a hierarchical catalog, product widgets, filters, and marketing components like sliders and carousels.

We developed the template keeping SEO in mind: schema markup, sitemap, and all necessary meta-tags.

Shopping cart with a nice animated widget and Fully customizable React checkout.

User friendly mobile version.

How to modify the theme color?
  • Open styles/styles.scss
  • Uncomment one of the $theme-color variable definitions. You can put own color if you want. All related colors will be adjusted automatically.
  • If you need deeper customization - modify variables in styles/components/_variables.scss
Video tutorial

How to build React E-commerce Website with Next.js, TypeScript, and Redux in 2023 (Tutorial)

Ways to deploy Node.js Apps

Ways to deploy NodeJs (and/or NextJS) apps - quick overview

NextJS eCommerce templates - Free. Ready to use. Just clone & deploy!

Back

Information

  • Publisher
    Hyhor
  • Websitegithub.com
  • Published date2025/11/16

Categories

  • E-commerce
  • CMS
  • Boilerplate

Tags

  • nextjs
  • TypeScript
  • react
  • API
  • Vercel
image of ShipAny
Sponsored
AIBoilerplateAdmin dashboard

ShipAny

ShipAny is a development framework for building AI SaaS, with rich built-in functional modules and business components, helping you quickly launch your website.

More Products

image of Mkdirs
Featured
DirectoryBoilerplateAI
Visit Website

Mkdirs

Details

The best directory boilerplate, packed with AI, Listings, Payment, Submission, CMS, Blog, Authentication, Newsletter, SEO, Themes and more.

nextjsshadcnTailwindAuthentication
image of Nexty.dev
Featured
BoilerplateAIBusiness
Visit Website

Nexty.dev

Details

Build your SaaS in days with Nexty - the complete Next.js SaaS template includes auth, payments, AI, CMS, and everything you need to start earning immediately.

nextjsTypeScriptTailwindAuthenticationVercel
image of NextDevKit
Featured
BoilerplateProductCross-platform
Visit Website

NextDevKit

Details

Build and deploy production-ready SaaS apps faster with NEXTDEVKIT. Full-stack OpenNext & Next.js Template or Boilerplate with auth, payments, databas...

nextjsTypeScriptTailwindAuthenticationshadcn