Shopify + Next.js + Tailwind CSS E-Commerce

This example shows how to use Tailwind CSS v3 with Next.js. It follows the steps outlined in the official Tailwind docs.

It uses the new Just-in-Time Mode for Tailwind CSS.

Deployment

Node (16.14.2)
Npm (8.5)
Tailwind CSS (3.0)
HeadlessUI (1.4)
Shopify Storefront API (2022-04)

npm install
npm run dev

Name		Name	Last commit message	Last commit date
Latest commit History 2 Commits
components		components
context		context
lib		lib
pages		pages
public		public
styles		styles
utils		utils
.gitignore		.gitignore
README.md		README.md
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
yarn.lock		yarn.lock