Skip to content

A Next.js e-commerce web application using TypeScript, Next API, Shopify, Nexus, GraphQL, and Styled Components is a dynamic and scalable platform that combines the advantages of a statically generated React-based framework with a powerful e-commerce backend, GraphQL APIs, and styled components for styling, to provide a seamless shopping experience

Notifications You must be signed in to change notification settings

SkyCaptainess/Shopify-nextjs

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

A Next.js e-commerce web application using TypeScript, Next API, Shopify, Nexus, GraphQL, and Styled Components is a dynamic and scalable platform that combines the advantages of a statically generated React-based framework with a powerful e-commerce backend, GraphQL APIs, and styled components for styling, to provide a seamless shopping experience

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published