NEXTJS SHOPIFY INTEGRATION WITH GRAPHQL

This repository contain functional eCommerce that integrate with shopify using Next.js + Tailwind + Graphql. Here we are using Shopify Storefront API to interact with the data. See Live Demo Here.

Screenshot

Techstack

Next.js
Typescript
GraphQL
Cypress
Jest

On Going Feature Integration

Get product review from judge.me
Add discount input before checkout
Pagination on page products

How To Run The Project

Clone the project $ git clone https://github.com/JungRama/shopify-storefront-nextjs.git
Get your shopify storefront access token and domain in the admin panel of shopify
Setup environtment variable

NEXT_PUBLIC_SHOPIFY_STOREFRONT_ACCESSTOKEN=
NEXT_PUBLIC_SHOPIFY_STORE_DOMAIN=

running the project $ npm run dev
Open the project Open http://localhost:3000 with your browser to see the result.

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
.husky		.husky
.vscode		.vscode
cypress		cypress
public		public
src		src
.env		.env
.env.example		.env.example
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierrc		.prettierrc
README.md		README.md
cypress.config.ts		cypress.config.ts
favicon.png		favicon.png
jest.config.js		jest.config.js
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.cypress.json		tsconfig.cypress.json
tsconfig.json		tsconfig.json

JungRama/shopify-storefront-nextjs

Folders and files

Latest commit

History

Repository files navigation

NEXTJS SHOPIFY INTEGRATION WITH GRAPHQL

Screenshot

Techstack

On Going Feature Integration

How To Run The Project

About

Resources

Stars

Watchers

Forks

Languages