rockynhatnguyen / shopify-next-tailwind

Shopify e-commerce storefront powered by Next.js with TailwindCSS.

Shopif + 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.

Requirements

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

Preview

Preview the example live on Vercel:

Open Preview

How to use

npm install
npm run dev

Deploy it to the cloud with Vercel (Documentation).