Next.js + Tailwind CSS Example

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

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

Technologies

  • React JS
  • Next.js
  • Tailwind CSS
  • GraphQL
  • Shopify Storefront

Preview

Preview the example live on Vercel

How to use

Yarn was used to develop this project.

yarn ## To install dependencies
yarn dev ## To run local server on https://localhost:3000
yarn build ## To build a production bundle
yarn start ## To run a production server

Hope you enjoy it!