Nuxt Admin ​

An extensible admin template powered by Nuxt.js and Morpheme UI.

Features ​

• Integrated with Morpheme UI
• Dark mode ready
• Built-in Pages:
  • /admin
  • /admin/profile
• Customizable via Nuxt Layer
• Configurable via app.config.ts

Demo ​

• Online demo
• Source code
• Try it online on Stackblitz

Installation ​

npm i -D @morpheme/nuxt-admin

npm i -D @morpheme/nuxt-admin

Usage ​

Add it to the nuxt.config.ts:

export default defineNuxtConfig({
  extends: '@morpheme/nuxt-admin',
});

export default defineNuxtConfig({
  extends: '@morpheme/nuxt-admin',
});

Configuration ​

You can change the default options for admin pages like redirect URL and head options via app.config.ts.

You can check out the default configuration in the source of this file.

Components ​

To customize the components, just override the default components by creating a file in your Nuxt app with the same name.

Check out the full list of components here.

Pages ​

To customize the pages, just override the default pages by creating a file in your Nuxt app with the same name.

Check out the full list of pages here.

Authentication ​

Combine with nuxt-auth to add authentication to the admin page.

Morpheme UI ​

Check out the official documentation to learn more about Morpheme UI.

License ​

MIT