boundless-nextjs-ecommerce-template
eCommerce
TypeScript
Next.js E-Commerce template
Ready to use Next.js (TypeScript) starter kit for high-performance
e-commerce websites 🔥.
Free 👍. Ready to use 😎. Just clone & deploy! 🤘
blank.demos.my-boundless.app – deployed to Netlify.
About Boundless Commerce
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.
Getting Started
- 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 one:
-
Copy
.env.example
to.env
-
Modify
.env
: put values for theBOUNDLESS_API_PERMANENT_TOKEN
andBOUNDLESS_INSTANCE_ID
, copy values from:
-
Install dependencies:
yarn install
-
yarn dev
– to start locally, then openhttp://localhost:3000
-
If you want to have absolute URLs in the sitemap.xml and OpenGraph meta tags
you need to also specifyBOUNDLESS_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.