DEV Community

Laravue - a beautiful dashboard for Laravel

Tuan Duong on February 14, 2019

Introductions Couple months ago I was trying to find a new solution for my project, and I had built a SPA dashboard with Vue (using this...
Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
tuandm profile image
Tuan Duong

@hamdimesbah : Have you run DB seeder to create sample data?

Collapse
 
Sloan, the sloth mascot
Comment deleted
 
Sloan, the sloth mascot
Comment deleted
 
Sloan, the sloth mascot
Comment deleted
 
tuandm profile image
Tuan Duong

Hi,

Can you please go to github.com/tuandm/laravue-core/issues, post your screenshot there?
401 means the login failed for some reason: github.com/tuandm/laravue-core/blo...

Please make sure your database has sample users, or you have to create new one using Laravel Tinker.

Again, the error "Target class [Tuandm\Laravue\Database\Seeds\DatabaseSeeder] does not exist." means that class is not added to classmap. But it's there: github.com/tuandm/laravue-core/blo...

namespace Tuandm\Laravue\Database\Seeds;
...
class DatabaseSeeder extends Seeder
Thread Thread
 
tuandm profile image
Tuan Duong
 
tuandm profile image
Tuan Duong

Are use using Laravue or laravue-core? This class should be in laravue-core package: github.com/tuandm/laravue-core/blo....

Thread Thread
 
Sloan, the sloth mascot
Comment deleted
 
Sloan, the sloth mascot
Comment deleted
 
Sloan, the sloth mascot
Comment deleted
 
tuandm profile image
Tuan Duong

Have you run composer dump-autoload to generate classmap, which should be done automatically?

Thread Thread
 
Sloan, the sloth mascot
Comment deleted
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
Sloan, the sloth mascot
Comment deleted
 
tuandm profile image
Tuan Duong

401 is the unauthorized request. Can you please open the Chrome console and check all the XHR requests? It's good if you can take screenshot and post here.

I suggest you creating issues on github.com/tuandm/laravue/issues so the community can help :)

Collapse
 
glennmen profile image
Glenn Carremans • Edited

This looks great! I suggested it to our web team, currently they are using AdminLTE–template (unless they changed it already).

Btw you said "Laravel Lamen as API gateway" (typo Lamen = Lumen 😉) but is that correct? Aren't you using the full Laravel framework and not the minimal Lumen version.

Collapse
 
tuandm profile image
Tuan Duong • Edited

Thanks @glennmen , I corrected the typo 😉.

In this version, I'm using full Laravel framework because I want to experiment more on other packages - not only which Lumen offers. I will release a version for Lumen when everything is... so so 😛.

Collapse
 
glennmen profile image
Glenn Carremans

I would suggest to keep using the Lavavel framework.
Even though your dashboard will work with only Lumen it will be harder for other developers to customize and extend your dashboard for their projects. Lumen for example doesn't support views.

Thread Thread
 
tuandm profile image
Tuan Duong • Edited

@glennmen : Thanks for your suggestion. Well noted.

Collapse
 
iqbaltld profile image
iqbaltld

This is the first time I am developing a Laravel Vue app. When I use 'php artisan serve', everything works fine. But when I load it with 'localhost/myProject/public', assets are not loaded. My images are in 'img' directory inside public folder. I was using blade templating to manage this issue when I use Laravel alone. But now I can't use blade since it is a Vue component. How can I run the project without 'php artisan serve'? My Ultimate aim is to deploy the project in godaddy shared server. Please help me.

Collapse
 
tuandm profile image
Tuan Duong • Edited

Hi @iqbaltld

Thanks for reaching this project. If you don't want to use php artisan serve, you should create vhost file (depends on which web server you are using) and point to /your/project/public folder, then you open browser to access to http://your_vhost_name. With the current release, Laravue doesn't support to be run as subfolder.

If you have any question, please let me know. I also suggest you open issue on github.com/tuandm/laravue/issues so that everyone can get noticed about your trouble.

Collapse
 
tuandm profile image
Tuan Duong

Hi @iqbaltld ,

Laravue now supports running in subfolder, please check the document here: doc.laravue.dev/guide/#change-the-...

Collapse
 
phattringuyen profile image
Phat Nguyen

It looks great!!!

Collapse
 
alfanzain profile image
alfanzain

It's look very easy if we apply 'Vue + Laravel template'.
I am trying to apply 'Vue template' to Laravel and I really don't know what should I do.

Would you like to make a tutorial how to do that? It's like none ever write the tutorial.

Collapse
 
tuandm profile image
Tuan Duong

Hi @alfanzain ,
We are working on the documentation and trying to release this month. Please keep following up.

Collapse
 
hamdimesbah profile image
hamdimesbah • Edited

now i need just to know how to update any word in my panel view ..should i have some knowledge in vuejs or somthing ?

Collapse
 
tuandm profile image
Tuan Duong

Honestly, Laravue is not too suitable for the beginner. You should know the basic knowledge of Laravel and VueJS to start with it.

Collapse
 
hamdimesbah profile image
hamdimesbah

good thanks ..i'll learn vue js

Thread Thread
 
hamdimesbah profile image
hamdimesbah

hey bro..the problem is that i cannot find anything to change in file.vue..there is no text to change

Thread Thread
 
tuandm profile image
Tuan Duong

You should learn vuejs and vue18n (kazupon.github.io/vue-i18n/). Most texts are defined in github.com/tuandm/laravue/tree/mas...

Thread Thread
 
hamdimesbah profile image
hamdimesbah

I dont need to switch language ...I use en...i need just to change words

Thread Thread
 
tuandm profile image
Tuan Duong

It's not switching language, it's the place to store text: github.com/tuandm/laravue/blob/mas...

Thread Thread
 
hamdimesbah profile image
hamdimesbah

Aa ok..thank you very mush bro and sorry for all those many questions

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
tuandm profile image
Tuan Duong

It depends on your purpose. If you already know how Laravel/Vue works, you can use laravue-core and add component one by one. Otherwise, I suggest you use Laravue directly (github.com/tuandm/laravue) to have full features, then start working on each one.

Collapse
 
Sloan, the sloth mascot
Comment deleted
 
tuandm profile image
Tuan Duong

@hamdimesbah
You can find current documentation at at doc.laravue.dev. We are working to create more guidelines.

Thread Thread
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
furqon profile image
furqon

Hi, This is great. Is there any chance to add ionic/capacitor so that vue can be bundled as apk?

Collapse
 
akilarumesh profile image
Akila-Rumesh

Mr.Tuan Duong, Could you please explain me how to add more roles ?

Collapse
 
tuandm profile image
Tuan Duong

@akilarumesh ,

I hope this document will help you: doc.laravue.dev/guide/development/.... Let me know if you have any concern.

Collapse
 
akilarumesh profile image
Akila-Rumesh

Thank you Mr.Tuan Duong. This is really awesome. Most important thing is you replying me.. Can we make another interface to add more roles ? Thank you again.

Thread Thread
 
tuandm profile image
Tuan Duong

@akilarumesh ,

Creating new role is quite easy. We will plan for this. If you are interested in contributing into this project, PR is always welcome :).

Collapse
 
ngooide profile image
ngooide

Tuan Duong, thx! Will be using this in my next coming project! I'm currently also using AdminLTE vue template.

Collapse
 
oyelowotobiloba profile image
Oluwatobiloba

Nice one 🤘

Collapse
 
levis012 profile image
Tuyen Vu

Thanks bro, that's good

Collapse
 
theodesp profile image
Theofanis Despoudis

It looks sleek

Collapse
 
quochungphp profile image
quochungphp

Hello T, your article so great. I am research laravel and vue, it helps me understand quickly. Thanks so much.

Collapse
 
nelson1995 profile image
Nelson G. Katale

A beautiful clean dasboard @tuandm . If you dont mind could you give me tips on how to build beautiful dashboards like the one you developed.

Collapse
 
moatazabdalmageed profile image
Moataz Mohammady

Thanks for the share , And I will check it.

Collapse
 
fendipratama profile image
fendipratama

error couldn't find the binary git, when i run 'yarn install'

Collapse
 
tuandm profile image
Tuan Duong

Hi @fendipratama ,

Can you please open new issue in github.com/tuandm/laravue/issues and post full error log there?

Collapse
 
fendipratama profile image
fendipratama

done sir, thanks a lot :)

Collapse
 
ziczacsg profile image
Vo Dac Bao

thanks Tuấn

Collapse
 
imrulhasan profile image
Md. Imrul Hasan

Nice

Collapse
 
honganhnguyen profile image
honganhnguyen • Edited

Hello,
I am doing setup project , you setup demo. But I can't login this project. Can you help me? Thanks
Error Login: Login error
gyazo.com/8e1c4ca5e1097cd3dbc37c12...

Collapse
 
tuandm profile image
Tuan Duong

@honghanhnguyen
Sorry I didn't get the error here. Have you run the DB seeder to insert default users to DB? Or if you already have some users, please login with the correct credentials.

Collapse
 
hamdimesbah profile image
hamdimesbah

What's the necessary vue.js prerequisite to customize this great dashboard , what's the exactly modules should i learn in vue.js ?

Collapse
 
tuandm profile image
Tuan Duong

@NOP It's fixed. You can access laravue.dev now.

Collapse
 
duyan9424 profile image
Pham Cong Duy An

Thanks for the post. I forked your repo for reference.

Collapse
 
ajayyadav profile image
Ajay Yadav

Is it free to use or have to pay??.?

Collapse
 
tuandm profile image
Tuan Duong

@ajayyadavexpo : It is free :)