This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.
You'll need to create a Shopify store and a private app for that Shopify store and add enable Storefront API.
Copy the .env.example
file into .env.local
(which will be ignored by Git):
cp .env.local.example .env.local
Then set each variable on .env.local
:
- SHOPIFY_DOMAIN is the domain of the store
- SHOPIFY_STOREFRONT_API is your private app's storefront api token
Then run project locally:
yarn && yarn dev
Deploy it to the cloud with Vercel (Documentation).