ChristianKrebel / nuxt-tailwind-example

Simple project that demonstrates how to use TailwindCSS with Nuxt.js

Nuxt.js + TailwindCSS Example

Info

This is a simple project that demonstrates how to use TailwindCSS with Nuxt.js.

Includes

• Simple tasks to learn TailwindCSS basics
• built with Nuxt 3
• daisyUI for TailwindCSS components

Requirements

• Node.js is installed
• You have heard about Nuxt.js and Vue.js
• You know basic HTML and CSS

Setup

1. Make sure to have a TailwindCSS plugin installed in your code editor (often already bundled).

2. Install the dependencies with your package manager of choice:

npm install
# or
yarn

3. Start the development server:

npm run dev
# or
yarn dev

4. Open http://localhost:3000 and http://localhost:3000/_tailwind/ in your browser.

5. Start the tasks (having browser and editor side by side is recommended).