Crystallize React ecommerce 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.

Getting started

• Clone the repo or download from the releases page
• Run npm install to install dependencies
• Run npm run dev to start up
• • The site should be ready at http://localhost:3000
• (Optional) Install Editor config and Prettier plugin for your editor

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