Skip to content

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

Installation

bash
npm i -D @morpheme/nuxt-admin
npm i -D @morpheme/nuxt-admin

Usage

Add it to the nuxt.config.ts:

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