Download the PHP package vikdiesel/admin-one-laravel-dashboard without Composer

On this page you can find all versions of the php package vikdiesel/admin-one-laravel-dashboard. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Informations about the package admin-one-laravel-dashboard

Free Laravel 9.x Vue.js 2.x Buefy Bulma Dashboard

This guide will help you integrate your Laravel Jetstream application with vikdiesel/admin-one-vue-bulma-dashboard Vue Bulma Buefy dashboard.

Please note: this document is work in progress, so some things are missing.

Simple, beautiful and free Vue.js 2.x Bulma Buefy admin dashboard for Laravel 9.x Jetstream Inertia + Vue stack

Table of contents

Install

Replace postCss() with sass() and app.scss with main.scss in webpack.mix.js:

Copy styles, components and scripts

Clone either vikdiesel/admin-one-vue-bulma-dashboard or vikdiesel/admin-two-vue-bulma-dashboard project locally into a separate folder

Next, copy these files from cloned dashboard project directory to laravel project directory:

In resources/views/app.blade.php

Replace app.css with main.css:

Add before </body>:

In resources/layouts/App.vue & FullPage.vue

Replace <router-view /> with <slot />

In resources/layouts/App.vue

Add this.$store.dispatch('toggleFullPage', false) to created() lifecycle hook

In resources/layouts/FullPage.vue

Add this.$store.dispatch('toggleFullPage', true) to created() lifecycle hook

Remove beforeDestroy() lifecycle hook

In resources/layouts/Tiles.vue

Add import filter from 'lodash/filter'

Add filter() and replace this.$slots.default with slots in render() method, so you'll get:

Add Pages

Let's just add first page. You can repeat these steps for other pages, if you wish to. If you've followed previous steps, there's already resources/js/Pages/HomeExample.vue for your reference.

First, copy src/views/Home.vue (original dashboard project) to resources/js/Pages/ (your Laravel project).

Add Head. Then, wrap page contents into App Layout component:

Add route in routes/web.php. There's a /dashboard route already defined by default, so just replace Inertia::render('Dashboard') with Inertia::render('Home'):

Fix router links

Here we replace router-link with Inertia Link.

resources/js/menu.js

Optionally, you can pass menu via Inertia shared props, so it's going to be controlled with PHP. Here we'd just use JS.

to should be replaced with route which specifies route name defined in routes/web.php. For external links href should be used instead. Here's an example for menu.js:

Route names reflect ones defined in routes/web.php:

Now, let's update vue files, to make them work with route names and Inertia links.

resources/js/components/AsideMenuItem.vue

Add Link import to <script>:

resources/js/components/AsideMenuItem.vue

Replace componentIs in computed{} with:

Replace <component> attrs with:

.vue files in resources/js/ containing

Import and register Link component:

Replace <router-link> with <Link>:

resources/js/components/NavBar.vue

Replace this.$router with Inertia:

Add Inertia-related stuff

resources/js/components/UserAvatar.vue

Fix newAvatar computed property, so it fetches profile photo from backend:

resources/js/components/NavBar.vue

Update userName and logout:

Work in progress

As mentioned, this guide is WIP - work in progress. Contributions open. Here's the list of what's missing right now:

Laravel 7.x & 8.x

If you're using an older version of Laravel, please follow Laravel 7.x & 8.x guide.


All versions of admin-one-laravel-dashboard with dependencies

PHP Build Version
Package Version
Requires php Version ^7.3|^8.0
laravel/framework Version ^8.0
laravel/ui Version ^3.2
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package vikdiesel/admin-one-laravel-dashboard contains the following files

Loading the files please wait ....