/nuxt-tailwind-storybook-dark-mode

Configuring dark mode for Nuxt and Storybook - See full article

Primary LanguageJavaScript

Setting up Dark Mode for Nuxt and Storybook via Tailwind CSS

See full article for more information: https://camillovisini.com/article/nuxt-tailwind-storybook-dark-mode/

Makefile

~$ make

Usage:
  make

Development
  dev              Run nuxt in dev mode
  storybook        Run nuxt storybook

Helpers
  help             Display this help

Create Nuxt App – Configuration

$ 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

# 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.