https://github.com/jungrama/shopify-storefront-nextjs

https://github.com/jungrama/shopify-storefront-nextjs

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/jungrama/shopify-storefront-nextjs
• Owner: JungRama
• Created: 2023-08-08T00:29:18.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-11T08:23:40.000Z (about 1 year ago)
• Last Synced: 2024-04-23T14:49:45.442Z (8 months ago)
• Language: TypeScript
• Homepage: https://themodest-shopify-nextjs.vercel.app
• Size: 8.69 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NEXTJS SHOPIFY INTEGRATION WITH GRAPHQL

![Cover](./public/git/cover.png)

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](https://themodest-shopify-nextjs.vercel.app/).

## Screenshot

![screenshoot-1](./public/git/screenshoot-1.png)

![screenshoot-2](./public/git/screenshoot-2.png)

![screenshoot-3](./public/git/screenshoot-3.png)

## 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

1. Clone the project

   $ git clone https://github.com/JungRama/shopify-storefront-nextjs.git

2. Get your shopify storefront access token and domain in the admin panel of shopify

3. Setup environtment variable

```

NEXT_PUBLIC_SHOPIFY_STOREFRONT_ACCESSTOKEN=

NEXT_PUBLIC_SHOPIFY_STORE_DOMAIN=

```

4.  running the project

    $ npm run dev

5.  Open the project

    Open http://localhost:3000 with your browser to see the result.