This Site was developed using Next.js, Sanity.io, stripe and EmailJS. This is a fully functional e-commerce site with a contact form and a cart system. The site is fully responsive and has a great user experience. The site is deployed on Vercel. For a hands-on experience, you can visit the site using the link below.
Link to Site: https://shopperz-sigma.vercel.app
- Next.js
- Sanity.io
- Stripe
- Clone the repository.
git clone
- Install the dependencies using
npm install
- Create a
.envfile in the root directory of the project and add the following environment variables. also please note that the emailJs environment variables are optional and only required if you want to use the contact form.
NEXT_PUBLIC_SANITY_PROJECT_ID= '<Your_Sanity_project_ID>'
NEXT_PUBLIC_SANITY_DATASET="<Your_Sanity_Production>"
NEXT_PUBLIC_SANITY_TOKEN='<Your_Sanity_Token>'
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY = '<Your_Stripe_Publishable_Key>'
NEXT_PUBLIC_STRIPE_SECRET_KEY = '<Your_Stripe_Secret_Key>'
NEXT_PUBLIC_EMAILJS_SERVICE_ID = '<Your_EmailJS_Service_ID>'
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID = '<Your_EmailJS_Template_ID>'
NEXT_PUBLIC_EMAILJS_USER_ID = '<Your_EmailJS_Public_key>'
- Run the application using
npm run dev
- Open your browser and navigate to
http://localhost:3000
This project is licensed under the MIT License.