Materio Open Source VueJS Laravel Admin Template Is Here..!!🎁
Tags: laravel, webdev, opensource, showdev
Published: 2021-10-06 06:43:31

[![Free Vue js Laravel Admin Template](https://res.cloudinary.com/practicaldev/image/fetch/s--5mxjNQVo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cf54wtt04m98pcmnwham.png)](https://themeselection.com/item/materio-free-vuetify-vuejs-laravel-admin-template/)

If you’re a developer looking for an admin dashboard that is developer-friendly 🤘🏻, rich with features, and highly customizable ✨ look no further than Materio.

Besides, the highest industry standards are followed to bring you the very best  [admin template](https://themeselection.com/item/category/admin-templates/)  that is not only fast 🚀 and easy to use but highly scalable. Offering ultimate convenience and flexibility, you’ll be able to build whatever application you want with very little hassle.

Furthermore, you can use this free  [laravel admin template](https://themeselection.com/item/category/laravel-admin-templates/)  to create eye-catching, high-quality, and high-performing single-page applications. Your apps will be completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.

[![Free Vue js Laravel Admin Template](https://res.cloudinary.com/practicaldev/image/fetch/s--8vwjh00x--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2w61dwjrr79x90a5lk0h.png)](https://demos.themeselection.com/materio-vuetify-vuejs-laravel-admin-template-free/demo/dashboard)

**Features:**

-   Pure VueJS, Laravel
-   Utilizes Vuex, Vue Router, Webpack
-   1 Dashboard
-   Material Icons
-   Basic cards
-   Fully Responsive Layout
-   Organized Folder Structure
-   Clean & Commented Code

### [](https://dev.to/theme_selection/materio-open-source-vuejs-laravel-admin-template-is-here-389n#installation)Installation ⚒️

> **We recommend you use yarn**

Install composer packages

```
composer install

```

In the root directory, you will find a file named .env.example, rename the given file name to .env and run the following command to generate the key (You can also setup your database credentials here).

```
php artisan key:generate

```

By running the following command, you will be able to get all the dependencies in your node_modules folder:

```
yarn
 # npm install [for npm]

```

To run the project, you need to run following command in the project directory. It will compile the PHP files & all the other project files. If you are making any changes in any of the PHPfile then you need to run the given command again.

```
yarn dev
 # npm run development [for npm]

```

To serve the application you need to run the following command in the project directory. (This will give you an address with port number 8000.)

```
php artisan serve

```

To change the port address, run the following command:

```
php artisan serve --port=8080 // For port 8080
 sudo php artisan serve --port=80 // If you want to run it on port 80, you probably need to sudo.

```

`Watching for changes`: If you want to watch all the changes you make in the application then run the following command in the root directory.

```
 yarn watch
 # npm run watch [for npm]

```

`Building for Production:`  If you want to run the project and make the build in the production mode then run the following command in the root directory, otherwise the project will continue to run in the development mode.

Make sure to change the APP_ENV=local variable's value APP_ENV=production.

```
 yarn prod
 # npm run production

```

###   
[  
](https://dev.to/theme_selection/materio-open-source-vuejs-laravel-admin-template-is-here-389n#whats-included)  
What's Included 📦  

-   Dashboard
-   Account Settings
-   Pages: Login, Register, Error
-   User Interface: Typography, Icons, Basic Cards, Tables, Form Layouts

### [](https://dev.to/theme_selection/materio-open-source-vuejs-laravel-admin-template-is-here-389n#browser-support)Browser Support 🖥️

-   Materio Vuetify VueJS Free Admin Template is built to work best in the latest desktop and mobile and tablet browsers
-   Chrome (latest)
-   Firefox (latest)
-   Safari (latest)
-   Opera (latest)

### [](https://dev.to/theme_selection/materio-open-source-vuejs-laravel-admin-template-is-here-389n#changelog)Changelog 📆

Please refer to the  [CHANGELOG](https://github.com/themeselection/materio-vuetify-vuejs-laravel-admin-template-free/blob/main/CHANGELOG.md)  file. We will add a detailed release notes to each new release.

### [](https://dev.to/theme_selection/materio-open-source-vuejs-laravel-admin-template-is-here-389n#documentation)Documentation 📜

Check GitHub  [Wiki](https://github.com/themeselection/materio-vuetify-vuejs-laravel-admin-template-free/wiki)  of this repo

### [](https://dev.to/theme_selection/materio-open-source-vuejs-laravel-admin-template-is-here-389n#looking-for-premium-features)Looking For Premium Features?🧐

Then upgrade to the  [Materio – Vuetify Vuejs Laravel Admin Template](https://themeselection.com/item/materio-vuetify-vuejs-laravel-admin-template/)  Pro version. It comes with many amazing features such as:

-   Pure VueJS, Laravel
-   No jQuery Dependency
-   Created with Vue CLI
-   Utilizes Vuex, Vue Router, Webpack
-   Laravel Passport
-   Laravel Sanctum
-   Code Splitting, Lazy loading
-   JWT Authentication
-   RTL Support
-   Access Control (ACL)
-   i18n Page
-   Multi-lingual Support
-   2 chart libraries
-   3 Dashboard
-   SASS Powered and many more.

For more info click the banner below..!!


[![Materui Vuetify Vue js Admin Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/72rbo2zv7086pz2ipw09.png)](https://themeselection.com/item/materio-vuetify-vuejs-laravel-admin-template/)

### [](https://dev.to/theme_selection/materio-open-source-vuejs-laravel-admin-template-is-here-389n#about-us)

Also, check the [Vue JS CheatSheet](https://vue-cheatsheet.themeselection.com/)

[![Vue cheatsheet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r55bfvbhpe43vub2d94s.png)](https://vue-cheatsheet.themeselection.com/)


## About Us:

[ThemeSelection](https://themeselection.com/)  provides Selected high-quality, modern design, professional, and easy-to-use Free Admin Dashboard Template, HTML Themes, and UI Kits to create your applications faster!