Shoes E-Commerce
Shop made in Next.JS and Strapi containing products from https://nike.com
Repository with CMS: https://github.com/kriziu/shoes-ecommerce-cms
Features
- Image optimization by NextJS Image and Cloudinary
- Blazing fast page loading, very good SEO
- Products, discounts, images, etc. - all managed by Strapi CMS
- Reviews
- Payment with Stripe
- Sending emails using nodemailer
- Good looking animations
Made using
- Next.JS
- Recoil
- GraphQL
- Strapi
- TailwindCSS
- Framer Motion
- Stripe
- Cloudinary
Demo
LIVE DEMO https://shoes-ecommerce.herokuapp.com
Environment Variables
To run this project, you will need to add the following environment variables to your .env file
NEXT_PUBLIC_STRIPE_API_KEY
STRIPE_SECRET_KEY
STRAPI_IDENTIFIER - strapi server user
STRAPI_PASSWORD
NEXT_PUBLIC_STRAPI_URL
EMAIL_USER - gmail user
EMAIL_PASSWORD
PAGE_URL
NEXT_PUBLIC_CLOUDINARY_URL (https://res.cloudinary.com/accountname/image/upload)
Installation
First, clone CMS and do steps in this repository: https://github.com/kriziu/shoes-ecommerce-cms
Make .env.local file and paste variables from upper section, then install as normal Next.JS application.
Screenshots
Hover over link:
