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

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

ecommerce nextjs shopify tailwind-css

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/camerodev/shopify-next.js-tailwind
• Owner: camerodev
• License: mit
• Created: 2024-03-14T01:30:19.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-14T01:30:25.000Z (about 1 year ago)
• Last Synced: 2025-04-07T16:43:28.766Z (about 2 months ago)
• Topics: ecommerce, nextjs, shopify, tailwind-css
• Language: JavaScript
• Homepage: https://www.buildnextshop.com/
• Size: 1.24 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• 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.