Metronic

The World’s #1 Bootstrap 4 HTML, Angular 8, React & VueJS

Admin Dashboard Theme Framework

Vue Skeleton

Remove Demo Pages

All demo pages are in separate modules and can be removed from this folder
[metronic]/theme/vue/[demo]/src/views/pages/.

Create a blank vue page in [metronic]/theme/vue/[demo]/src/views/pages/Blank.vue

<template>
  <div>
    <h1>blank page</h1>
  </div>
</template>

<script>

export default {
  name: "blank",
};
</script>

Routers

Remove all demo page routers and replace with blank page route. Router file is in this file [metronic]/theme/vue/[demo]/src/router.js. The component Base.vue is required as parent component because this file contains the page header, footer, menu, content area, etc.


export default new Router({
  routes: [
    {
      path: "/",
      redirect: "/blank",
      component: () => import("@/views/theme/Base"),
      children: [
        {
          path: "/blank",
          name: "blank",
          component: () => import("@/views/pages/Blank.vue")
        },
      ]
    }
  ]
});

Open and modify file [metronic]/theme/vue/[demo]/src/views/theme/Base.vue. Remove or comment out the block of codes below to temporarily disable the auth module from being redirect to login page.

if (!this.isAuthenticated) {
  this.$router.push({ name: "login" });
}

Now the Vue can be run using npm run serve with a blank page without demo pages.

I run a team of 20 product managers, developers, QA and UX resources. Previously we designed everything ourselves. For our newest platform we tried out Metronic. I cannot overestimate the impact Metronic has had. It's accelerated development 3x and reduced QA issues by 50%. If you add up the reduced need for design time/resources, the increase in dev speed and the reduction in QA, it's probably saved us $100,000 on this project alone, and I plan to use it for all platforms moving forward.
The flexibility of the design has also allowed us to put out a better looking & working platform and reduced my headaches by 90%. Thank you KeenThemes! Jonathan Bartlett, Metronic Customer

Powerful Framework

Everything within Metronic is customizable globally to provide limitless unique styled projects

Multi Demo

Choose a perfect design for your next project among hundreds of demos

Limitless Components

A huge collection of components to power your application with the latest UI/UX trands

Angular 8 & React Support

Enterprise ready Angular and React integration with built-in authentication module and many more

Bootstrap 4

Metronic deeply customizes Bootstrap with native look and feel

Exclusive Datatable Plugin

Our super sleek and intuitive Datatable comes packed with all advanced CRUD features

75,000+ Strong

Metronic is the only theme trusted by over 70,000 developers world wide

Continuous Updates

Lifetime updates with new demos and features is guaranteed

Quality Code

Metronic is written with a code structure that all developers will be able to pick up easily and fall in love

The Ultimate Bootstrap Admin Theme Trusted By Over 70,000 Developers World Wide