@nuxtjs/emotion
@nuxtjs/emotion
The Next Generation of CSS-in-JS for Nuxt
@nuxtjs/emotion
Features
- Server Side Rendering (SSR)
- Critical Path CSS with Hydration
- Hot Reloads (HMR)
- Style inlining
- Minification
- Dead Code Elimination
- Source Maps
- Contextual Class Names
Setup
- Add
@nuxtjs/emotion
dependency to your project
yarn add @nuxtjs/emotion # or npm install @nuxtjs/emotion
- Add
@nuxtjs/emotion
to themodules
section ofnuxt.config.js
export default {
modules: [
'@nuxtjs/emotion',
]
}
Nuxt 2
Nuxt 2 is supported with @nuxtjs/emotion@0.1.0
, Documentation is on https://github.com/nuxt-community/emotion-module/tree/v0 and the code on the v0
branch.
Development
- Clone this repository
- Install dependencies using
yarn install
ornpm install
- Start development server using
npm run dev
License
Copyright (c) Nuxt Community