Skip to content

escapemanuele/nextjs-shopify

Repository files navigation

A simple demo e-commerce, built with NextJS and Shopify: https://nextjs-shopify-omega.vercel.app/

Shopify Shop Frontpage

Features

  • NextJS
  • Typescript
  • Next API
  • Shopify
  • Nexus
  • Graphql
  • Styled Components

If this project helped you, please consider giving it a star! It would mean a lot to me :)

🚀 Quick start

  1. Clone the repository

    Use git to clone the repository.

    # clone the project using Git
    git clone https://github.com/escapemanuele/nextjs-shopify  your-project-name
  2. Install the packages

    Navigate into your new site’s directory and install the required packages.

    cd your-project-name
    npm install
  3. Required Environmental Variables

    COOKIE_CRYPT=a-complex-enough-crypt-key SHOPIFY_GRAPHQL_ENDPOINT=https://your-shop-name.myshopify.com/api/latest-graphql-version/graphql.json STOREFRONT_ACCESS_TOKEN=...(retrieve it from shopify) LOCAL_API_GRAPHQL_ENDPOINT=your-url/api/graphql (localhost:PORT/api/graphql in env.development)

  4. Start developing.

    Finally you are ready to see your project. Start the engine!

    npm run start
  5. Open the source code and start editing!

    Your site is now running at http://localhost:8006!

    Feel free to change everything you want!

About

Simple ecommerce with shopify integration

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published