Avantgarde

This is a design + Next.js + Strapi CMS + Stripe for payment processing practice project. All image rights belong to Google’s Arts and Culture and their respective owners.

Getting Started

First, install dependencies:

npm install

Second, run the development server:

npm run dev

Third, install dependencies in the /backend folder:

npm install

Fourth, start Strapi CMS:

npm run build
npm run develop

Fifth, seed the data. Encryption key is test:

npm run strapi import export_20240901235107.tar.gz.enc 

Sixth, set up the frontend by generating a Strapi API token STRAPI_API_KEY from the dashboard at http://localhost:1337/admin

Seventh, open http://localhost:3000 with your browser to see the result.

Eighth, generate API Keys from Stripe by going to the Stripe Dashboard, navigate to the API keys section and copy the NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY and STRIPE_SECRET_KEY. Add the keys to the .env file in the root folder.