https://github.com/visini/nuxt-tailwind-storybook-dark-mode

Configuring dark mode for Nuxt and Storybook - See full article
https://github.com/visini/nuxt-tailwind-storybook-dark-mode

dark-mode nuxt storybook tailwindcss

Last synced: about 2 months ago
JSON representation

Configuring dark mode for Nuxt and Storybook - See full article

• Host: GitHub
• URL: https://github.com/visini/nuxt-tailwind-storybook-dark-mode
• Owner: visini
• Created: 2020-12-29T07:20:25.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-01-19T00:07:17.000Z (about 2 years ago)
• Last Synced: 2023-03-05T16:49:27.179Z (almost 2 years ago)
• Topics: dark-mode, nuxt, storybook, tailwindcss
• Language: JavaScript
• Homepage: https://camillovisini.com/article/nuxt-tailwind-storybook-dark-mode/
• Size: 3.23 MB
• Stars: 8
• Watchers: 2
• Forks: 1
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Setting up Dark Mode for Nuxt and Storybook via Tailwind CSS

See full article for more information: 

## Makefile

```bash

~$ make

Usage:

  make

Development

  dev              Run nuxt in dev mode

  storybook        Run nuxt storybook

Helpers

  help             Display this help

```

## Create Nuxt App – Configuration

```text

$ yarn create nuxt-app

create-nuxt-app v3.4.0

? Project name: storybook-nuxt-tailwind

? Programming language: JavaScript

? Package manager: Yarn

? UI framework: Tailwind CSS

? Nuxt.js modules: Axios

? Linting tools: ESLint, Prettier

? Testing framework: Jest

? Rendering mode: Universal (SSR / SSG)

? Deployment target: Server (Node.js hosting)

? Development tools: jsconfig.json (Recommended for VS Code if you're not using typescript), Dependab

ot (For auto-updating dependencies, GitHub only)

? Continuous integration: None

? Version control system: Git

```

## Build Setup

```bash

# install dependencies

$ yarn install

# serve with hot reload at localhost:3000

$ yarn dev

# build for production and launch server

$ yarn build

$ yarn start

# generate static project

$ yarn generate

```

For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).