/shopify-next-tailwind

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

Primary LanguageJavaScript

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).