/react-ecommerce

Primary LanguageJavaScriptMIT LicenseMIT

React E-Commerce Frontend Boilerplate

The bare minimum skeleton you need to get a frontend up and running on the headless ecommerce & GraphQL based product Information Management service Crystallize. React commerce with Next.js SSR.

This frontend boilerplate is a great startingpoing when building React ecommerce experiences with frontend performance in focus. You can have rich ecommerce content with the super structured PIM engine in Crystallize powering your product catalogue.

Fast frontend performance delivers a better ecommerce experience and is a key ingredient in the ecommerce SEO checklist. Rich content driven ecommerce experiences builds the foundation for a content strategy for exponential growth marketing.

Check it out, the boilerplate is Open Source and MIT licensed.

React: latest

Next: latest

code style: prettier

code linter: Eslint

Getting started

App structure

./pages

Put all your entry pages here

./components

All your shared components

./ui

UI related components live her. Color variables and simple shared components

./server

This is where the ultra-light frontend server lives. Its primary function is to render the React app in response to a request

./lib

Library code to enable GraphQL and REST API communication and more

./static

Resources server statically by the web server. Including translation files

Deploy

There are multiple alternatives for deployments, however for the easiest hosting of a Node application, one option is Now.

Deploying with Now

  • Register a Now account
  • Run npm run global add now
  • Navigate to your project folder
  • Run now