Next.jsReactE-commerce

boundless-nextjs-moon-ecommerce-template — Next.js Ecommerce Template

By kirill-zhirnov

The Moon is a free ecommerce frontend template built on Next.js and TypeScript. It requires connecting to the API of the Boundless Commerce headless ecommerce CMS to run.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-01View source

What stands out

A quick read of the recorded project description.

01

Ecommerce frontend template based on Next.js and TypeScript

02

Includes hierarchical product catalog, product components, and filtering

03

Provides marketing components such as sliders and carousels

04

Cart with dynamic components; checkout flow uses customizable React checkout

05

Built-in SEO handling including schema markup, sitemap, and meta tags

06

MIT licensed, free to use, modify, and distribute

Template Details

This template was published by kirill-zhirnov under the MIT license, with the repository boundless-nextjs-moon-ecommerce-template. It provides the frontend interface for an ecommerce site, including a hierarchical product catalog, product components, filtering, and marketing modules such as sliders and carousels. It also includes cart functionality with dynamic cart components and a customizable React checkout flow. For SEO, the template provides schema markup, a sitemap, and necessary meta tags, along with mobile responsiveness.

Before use, you need to register a free account with Boundless Commerce, create an access token in the control panel, and write the token and instance ID into the .env file. Backend capabilities such as product data and checkout are provided by Boundless Commerce; the template itself does not include a standalone product management backend. Optional environment variables include BOUNDLESS_BASE_URL for generating absolute URLs in sitemap.xml and OpenGraph, and BOUNDLESS_PRODUCTS_IMAGE_PROPORTION for unifying the crop ratio of product list images.

The repository provides an online demo and video tutorial, but the materials do not specify framework versions, performance metrics, or production deployment details.

Next.jsReactEcommerce

Is it right for your project?

Use Cases

  • Building a frontend display site for a Boundless Commerce headless ecommerce backend
  • Ecommerce interface development requiring product catalog, filtering, and marketing modules
  • Projects that want to customize the checkout flow with React components
  • Ecommerce sites needing mobile responsiveness and basic SEO markup

Suitable For

  • Developers already using or planning to use Boundless Commerce as their ecommerce backend
  • Frontend teams familiar with Next.js and TypeScript
  • Projects needing a free MIT-licensed ecommerce template for secondary development

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    First create a free account with Boundless Commerce, and create a new access token in the control panel under Access tokens

  2. 2

    Copy .env.example to .env, and fill in BOUNDLESS_API_PERMANENT_TOKEN and BOUNDLESS_INSTANCE_ID

  3. 3

    Run yarn install to install dependencies, then yarn dev to start local development and visit http://localhost:3000

  4. 4

    If you need sitemap.xml and OpenGraph to use absolute URLs, additionally set BOUNDLESS_BASE_URL

  5. 5

    Optionally set BOUNDLESS_PRODUCTS_IMAGE_PROPORTION to unify product list image ratios, with values such as 1-1, 16-9, etc.

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

  • Permits free use, modification, commercial use, and distribution of that version's code.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Before using the template, you must register an account on the Boundless Commerce website (free, no credit card required); the template depends on its account system.
  • You need to create an access token (API token) in the Boundless Commerce control panel; the template's operation depends on credentials from that external service.
  • You must configure BOUNDLESS_API_PERMANENT_TOKEN and BOUNDLESS_INSTANCE_ID in .env, otherwise it cannot connect to backend data.
  • Self-hosting the Boundless Commerce backend is optional and requires referring to its open-source solution separately; the template itself does not include a backend.
  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Go to [Boundless-commerce.com](https://boundless-commerce.com/) and create a free account (no credit card required).

Original README

Go to "Control panel" -> "Settings" -> "Access tokens" and create a new one:

Original README

put values for the `BOUNDLESS_API_PERMANENT_TOKEN` and `BOUNDLESS_INSTANCE_ID`, copy values from:

Original README

There is an option for Running Boundless-Commerce on your own server. Read more at [Open-Source Headless eCommerce Platform](https://boundless-commerce.com/open-source)

Original README
https://github.com/kirill-zhirnov/boundless-nextjs-moon-ecommerce-template/blob/master/LICENSEhttps://github.com/kirill-zhirnov/boundless-nextjs-moon-ecommerce-template/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 77 / 100
Technologies
Next.js · React
Website type
E-commerce
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2024-04-09
Screenshot last checked
2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 7ca1ae698ceaeb11bb59c90f83b84e1a158969310a7e842cc564eb5f86405b40

2026-10-01T00:27:52.575Z

Source file / repository
# The Moon: Next.js E-commerce template - free!

Ready to use [Next.js](https://nextjs.org) (TypeScript) free template to create  high-performance 
e-commerce websites.

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

## Online Demo

[moon.demos.my-boundless.app](https://moon.demos.my-boundless.app/) - deployed to Netlify.

## About Boundless Commerce

![Boundless-commerce.com](assets/logo.svg)

[Boundless-commerce.com](https://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](https://boundless-commerce.com/open-source)

## Getting Started

1. Go to [Boundless-commerce.com](https://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:

![](assets/settings-menu.png)
![](assets/create-access-token-btn.png)

3. Copy `.env.example` to `.env`
4. Modify `.env`: put values for the `BOUNDLESS_API_PERMANENT_TOKEN` and `BOUNDLESS_INSTANCE_ID`, copy values from:

![](assets/copy-credentials.png)

5. Install dependencies: `yarn install`
6. `yarn dev` - to start locally, then open `http://localhost:3000`
7. 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](https://github.com/kirill-zhirnov/boundless-checkout-react).

User friendly mobile version.

## Video tutorial

[![How to build React E-commerce Website with Next.js, TypeScript, and Redux in 2023 (Tutorial)](https://img.youtube.com/vi/BOZRLereGig/0.jpg)](https://youtu.be/BOZRLereGig "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](https://img.youtube.com/vi/pRj0o-B57O4/0.jpg)](https://www.youtube.com/watch?v=pRj0o-B57O4 " Ways to deploy NodeJs (and/or NextJS) apps - quick overview")

---

[NextJS eCommerce templates](https://boundless-commerce.com/templates) - Free. Ready to use. Just clone & deploy!
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

Next.js Commerce

Next.js Commerce

Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.

Next.js · E-commerce

commerceplate

commerceplate

A free Shopify e-commerce starter template built with Next.js 16, Tailwind CSS 4, and TypeScript, using the Shopify Storefront API (GraphQL).

Next.js · E-commerce

ecommerce-template

ecommerce-template

A Next.js App Router ecommerce template built with TypeScript, Tailwind CSS, Radix UI, and TanStack Query.

Next.js · E-commerce

boundless-nextjs-ecommerce-template

boundless-nextjs-ecommerce-template

A free Next.js and TypeScript e-commerce frontend starter kit from Boundless Commerce.

Next.js · E-commerce

mobile-medusa

mobile-medusa

Mobile Medusa is an Expo-based React Native mobile e-commerce starter template that connects to a Medusa backend and aligns its pages and user flows with the Medusa Next.js Starter.

Next.js · E-commerce

template-ecommerce-webapp-nextjs

template-ecommerce-webapp-nextjs

An official Contentful-maintained Next.js ecommerce starter template that fetches content via the Contentful GraphQL API and uses graphql-codegen to generate a type-safe SDK.

Next.js · E-commerce