Next.js Subscription Commerce Starter
Start selling with subscription commerce using this Next.js e-commerce starter written in TypeScript. Experiment with flat fee and usage based pricing to create a steady stream of recurring revenue. This accelerator uses the Discovery API in Crystallize.
Getting started
First you can check out the live demo site to get an impression of the functionality in this eCommerce template.
Clone the to get your local copy of this boilerplate.
You need to set the correct Crystallize tenant and access tokens in the .env file. There is a .env.example you can use as a starting point.
If you want to use the open demo tenant from Crystallize you can use the tenant identifier and tenant id shown below.
Remember: access tokens are secret and should not be shared.
CRYSTALLIZE_TENANT_IDENTIFIER=furnitut
CRYSTALLIZE_TENANT_ID=66d6f90eeeb7a544a0d94362
CRYSTALLIZE_ACCESS_TOKEN_ID=xXx
CRYSTALLIZE_ACCESS_TOKEN_SECRET=xXx
Running the project locally
First, navigate to the project folder containing the package.json file. Then, use npm to start the local deployment.
cd nerd-factory-boilerplate
npm run dev
Accessing the Development Site
Once the development server is running, you will be able to browse to http://localhost:3000/.
Project structure
This is a Next.js project with combination of server side rendering and client side dynamic features like the cart and checkout.
src/app
The app folder contains all the routes / pages for the application. Each route is a combination of the TypeScript code (page.tsx) and the GraphQL query (query.graphql).
