# Nuxt.js

Nuxt Now UI Kit PRO is based on Nuxt.js which is a framework built on top of Vue.js that has support for SSR (Server side rendering), automatic routing and more.

# Adding plugins and modules

Sometimes you might want to expose various certain components or features globally. With Nuxt, this can be usually done with plugins or modules.

  • You can find more about modules here
  • You can find more about plugins here

# Change brand colors

You will find all the branding colors inside assets/sass/now-ui-kit/_variables.scss You can change them with a HEX value or with other predefined variables from assets/sass/now-ui-kit/_variables.scss.

# Adding new components

  1. Go to src/components folder.
  2. Add your .vue file. For styles, you can either add a new .scss file or simply declare the styles in your component. We do have a special config inside vue.config.js which imports scss variables and mixins in every .vue or .scss file automatically so you don't have to import it every time.
  3. Import it and export it inside src/components/index.js file
  4. You can now use it easily across the project by importing it `import {MyComponent} from '@/components'

← File Structure →