finds.dev← search

// the find

iskurbanov/shopify-next.js-tailwind

★ 409 · JavaScript · MIT · updated Nov 2022

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

A course companion repo showing how to build a headless Shopify storefront with Next.js Pages Router and Tailwind CSS. It's for developers who want a working reference while following the BuildNextShop course, not a starter template you can drop into production.

Cart state managed with React Context + localStorage is simple and gets the job done for a learning project. The GraphQL queries against the Storefront API are direct and readable — good for understanding the API shape. Component structure is flat and easy to follow, no over-engineering. Performance scores in the README suggest the SSG approach was implemented correctly.

Abandoned since November 2022 — Next.js App Router, Server Components, and the current Storefront API version have all moved on without this repo. Cart context lives in a single file with no persistence strategy beyond localStorage, which breaks on checkout redirect flows in real stores. No TypeScript, no tests, no error boundaries — fine for a course but would need significant hardening before going live. The Hydrogen 'bonus lectures' mention is just a README note; there's no Hydrogen code here, making that claim misleading.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →