Skip to content

xnslx/next-js-e-commerce

Repository files navigation

This is a Nextjs Tailwind CSS SanityIo eCommerce website. It also integrates Shopify Storefront API for checkout and payment.

Introduction

Hey everyone, 🖐 welcome to my Nextjs Tailwind CSS SanityIo eCommerce website. I also integrate Shopify Storefront API for checkingout and payment.

Stack

The stack:
Nextjs - frontend
Tailwind CSS - styling
SanityIo - CMS
Redux-Persist - global state management
Next-Auth - authentication
Shopify Storefront API - checkout and payment

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Seond, create .env file and add your own credentials.

# For Studio Locally
SANITY_STUDIO_API_PROJECT_ID = 
SANITY_STUDIO_API_DATASET = 

# For Next Locally
NEXT_PUBLIC_SANITY_DATASET = 

MONGODB_ATLAS = 

NEXTAUTH_URL = 

GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=

TWITTER_CLIENT_ID = 
TWITTER_CLIENT_SECRET=

GOOGLE_CLIENT_ID = 
GOOGLE_CLIENT_SECRET=

STOREFRONT_ACCESS_TOKEN =
SHOPIFY_URL = 

SANITY_TOKEN = 

Here is the demo. 👉https://next-js-e-commerce-xnslx.vercel.app/

If you like the project, don't forget to give me a star🌟 or buy me a coffee.