Overview:
The Moon is a free Next.js (TypeScript) e-commerce template that allows users to create high-performance e-commerce websites. It is ready to use with easy installation and deployment. The template includes features such as a hierarchical catalog, product widgets, filters, marketing components, a shopping cart with an animated widget, and a fully customizable React checkout. It also comes with a user-friendly mobile version. The template is designed with SEO in mind, incorporating schema markup, a sitemap, and necessary meta-tags.
Features:
- Free and ready to use: The Moon is a free template that is ready to be used for creating e-commerce websites.
- High-performance: The template is built on Next.js (TypeScript) to ensure high-performance and smooth user experience.
- Hierarchical catalog: The template includes a hierarchical catalog system for organizing products.
- Product widgets: Various product widgets are available to showcase and highlight products.
- Filters: The template provides filters to allow users to easily search and filter products.
- Marketing components: The template includes marketing components such as sliders and carousels to engage users.
- Shopping cart: The Moon comes with a shopping cart feature that includes a nice animated widget.
- Fully customizable checkout: The checkout process is built with React and can be fully customized to meet specific requirements.
- User-friendly mobile version: The template is designed to provide a user-friendly experience on mobile devices.
Installation:
To install The Moon e-commerce template, follow these steps:
- Go to Boundless-commerce.com and create a free account (no credit card required).
- Go to “Control panel” -> “Settings” -> “Access tokens” and create a new token.
- Copy the
.env.examplefile and rename it to.env. - Modify the
.envfile to include the values forBOUNDLESS_API_PERMANENT_TOKENandBOUNDLESS_INSTANCE_ID. - Install the necessary dependencies by running
yarn installcommand. - Start the local server by running
yarn devcommand. - Open your browser and go to http://localhost:3000 to access the template.
Optional parameters:
BOUNDLESS_BASE_URL: Specify the base URL if you want to have absolute URLs in the sitemap.xml and OpenGraph meta tags.BOUNDLESS_PRODUCTS_IMAGE_PROPORTION: Specify the resize proportion for product images in lists. Possible values are: 1-1, 2-3, 3-2, 4-5, 5-4, 3-4, 4-3, 16-9, 9-16.
Summary:
The Moon is a free Next.js e-commerce template that offers high-performance and ready-to-use features for creating e-commerce websites. It provides a hierarchical catalog, product widgets, filters, marketing components, a shopping cart with an animated widget, and a fully customizable React checkout. The template is designed with SEO in mind and offers a user-friendly mobile version. Installation is easy with the provided steps, and optional parameters allow for customization of URLs and image proportions.