Features the ability to add and edit products on the go using Sanity and the integration with Stripe for checkout.
Before you start, you will need to create the .env
file in the root folder to connect to Sanity and Stripe.
Open the .env file and type the following variables:
NEXT_PUBLIC_SANITY_TOKEN = *add your Sanity token*
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY = *add your Stripe publishable key*
NEXT_PUBLIC_STRIPE_SECRET_KEY = *add your Stripe secret key*
Install packages and all dependencies.
npm i
Runs the app in the development mode.
npm run dev
Open http://localhost:3000 to view it in your browser.
To learn more about this project, take a look at the following resources:
- Next.js - open-source web development framework providing React-based web applications with server-side rendering and static website generation.
- React - open-source frontend JavaScript library for building user interfaces based on components.
- Sanity - headless CMS platform for structured content that lets you build better digital experiences.
- Stripe - offers payment-processing software and application programming interfaces for e-commerce websites and mobile applications.
Application hosted on AWS: https://e-commerce.sebastiansanchis.com/