Giter Site home page Giter Site logo

earbuds's Introduction

Welcome to the Shopify + Next.js + Tailwind CSS 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

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.

earbuds's People

Contributors

ayadalshaikhli avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.