Overview:
The Crystallize NextJS Boilerplate is a fully-working ecommerce storefront built with NextJS. It is powered by the Crystallize headless ecommerce and GraphQL-based product Information Management service. This boilerplate allows users to quickly set up an ecommerce site and utilize the features provided by the Crystallize platform.
Features:
- NextJS framework for fast and efficient frontend performance.
- Integration with Crystallize PIM engine for a structured and powerful product catalog.
- SEO-friendly with core web vitals measurement to improve search engine rankings and conversion rates.
- Content modeling for building a successful content strategy.
Installation:
To get started, use the Crystallize CLI to bootstrap a project. Follow the steps below:
Run the following command in a terminal (Node 8 or higher required):
npm install -g @crystallize/cli
Choose the tech stack for the storefront. Select “Next.js - Complete ecommerce”.
Specify your tenant, either using the demo tenant (furniture) or your own. If using your own, you will need to create the content on the Crystallize Product Information Management.
Select if you want to support multiple languages.
Choose the service API, either using the demo Service API or your own. The Service API acts as the backend for the storefront and handles the basket, checkout, authentication, and webhooks. If using your own tenant, you will need to have your own service API.
Once your project has been created, you can deploy it to Vercel, Amazon Web Services, or other providers.
Summary:
The Crystallize NextJS Boilerplate is a powerful tool for building ecommerce storefronts using NextJS and the Crystallize platform. It offers features such as frontend performance optimization, structured product catalog, SEO-friendly design, and content modeling. With easy installation and deployment options, users can quickly set up their ecommerce site and start selling.