https://github.com/iskurbanov/shopify-next.js-tailwind

Learn the Shopify + Next.js + Tailwind CSS Stack! SWR, Hydrogen, + more
https://github.com/iskurbanov/shopify-next.js-tailwind

ecommerce headless nextjs shopify shopify-api tailwind tailwindcss

Last synced: about 1 hour ago
JSON representation

Learn the Shopify + Next.js + Tailwind CSS Stack! SWR, Hydrogen, + more

• Host: GitHub
• URL: https://github.com/iskurbanov/shopify-next.js-tailwind
• Owner: iskurbanov
• License: mit
• Created: 2021-08-25T15:45:35.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-03T00:09:06.000Z (about 2 years ago)
• Last Synced: 2024-12-17T23:05:58.166Z (7 days ago)
• Topics: ecommerce, headless, nextjs, shopify, shopify-api, tailwind, tailwindcss
• Language: JavaScript
• Homepage: https://www.buildnextshop.com
• Size: 1.18 MB
• Stars: 402
• Watchers: 12
• Forks: 134
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Welcome to the Shopify + Next.js + Tailwind CSS course



  

  


    Live Demo Store | Course

  



This is a production ready Headless Shopify storefront using Next.js, Shopify Storefront API (GraphQL), Tailwind CSS, and Vercel. This is a project from the "Learn Shopify + Next.js + Tailwind CSS" course available at [www.BuildNextShop.com](https://buildnextshop.com/)

## Topics Covered

* March 2022 Update: Bonus lectures covering Shopify’s Hydrogen 

* February 2022 Update: Using SWR for automatically updating content on SSG (Static Site Generation) websites.

* Blazing fast storefronts using Next.js for eCommerce.

* Managing Cart data with React Context and localStorage.

* Rapid component development with Tailwind CSS.

* GraphQL query testing using the GraphiQL app.

* Shopify Partners Account and Dashboard.

* Shopify Storefront API (GraphQL).

* Vercel for deployment.

## Performance

  

    

      Overview

      Performance Breakdown

    

  

  

  

    

    

  

  

## Future Updates:

This is an ongoing project that is currently released in beta. Future updates will include:

* Webhooks triggering for product updates, etc. 

* Additional ecommerce ready sections for Next.js using Tailwind CSS (currently 5 are included with the course assets)

* And much more! 

### Credits

Big thank you to the **Shopify, Vercel, and Tailwind Labs** teams for making it so easy and pleasurable to create incredible storefronts with speed.