nuxt-tailwind-purgecss

A Nuxt.js example with Tailwind CSS v1.2 and Purgecss

LIVE DEMO

Table of contents

• Installation
• Usage
  • Dev
  • Build
• Performance
• Credits
  • Authors
  • Software

Installation

# Clone the repository
git clone https://github.com/stursby/nuxt-tailwind-purgecss.git
# Go into the repository
cd nuxt-tailwind-purgecss
# Install dependencies
yarn
# or npm install

Usage

Run the app locally

yarn dev
# or npm run dev

Now you should see the project at http://localhost:3000

Build the app

yarn build
# or npm run build

This will output the production files to the /dist folder. Note that I’m opting to use nuxt generate under the hood which renders the page(s) fully static. You can read more about the different Nuxt build options here.

Performance

Currently, this simple demo app scores very well in Chrome’s Lighthouse Audit. If you notices any performance issues, plese let me know, or submit a PR!

Credits

Authors

This project was created by:

• Charlie Hield

Software

This project is build using the following software & plugins:

• Vue
• Nuxt.js
• Tailwind CSS
• Nuxt Tailwind module
• @nuxt/pwa
• Netlify