💡 Configuring dark mode for Nuxt and Storybook https://camillovisini.com/article/nuxt-tailwind-storybook-dark-mode/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
Camillo Visini 0516878a19
Merge pull request #94 from visini/dependabot/npm_and_yarn/nuxtjs/tailwindcss-4.0.3
1 week ago
.github First commit 3 months ago
.storybook First commit 3 months ago
assets First commit 3 months ago
components First commit 3 months ago
layouts First commit 3 months ago
pages First commit 3 months ago
test First commit 3 months ago
.babelrc First commit 3 months ago
.editorconfig First commit 3 months ago
.eslintrc.js First commit 3 months ago
.gitignore First commit 3 months ago
.prettierrc First commit 3 months ago
Makefile First commit 3 months ago
README.md Update README.md 3 months ago
jest.config.js First commit 3 months ago
jsconfig.json First commit 3 months ago
nuxt.config.js Remove optional Nuxt folders 3 months ago
package.json Merge branch 'main' into dependabot/npm_and_yarn/nuxtjs/tailwindcss-4.0.3 1 week ago
tailwind.config.js First commit 3 months ago
yarn.lock Merge branch 'main' into dependabot/npm_and_yarn/nuxtjs/tailwindcss-4.0.3 1 week ago

README.md

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.