Topic: mdb pro integration in laravel 5.6
Kaddour Fellah asked 6 years ago
Hello,
Sorry but I do not speak English,
on my Ubuntu virtual server, on a 5.6 laravel platform.
I have a project "badges management" and I want to install MDB-PRO in my project. I use Composer or npm
how to integrate archive files to my project
Thank you
Jakub Strebeyko staff answered 6 years ago
Hi there @Kaddour Fellah,
Let's get down to it -- this is a guide extracted from this thread about Laravel integration. Note, that we are using mdbVue since Laravel supports Vue library natively. I am fast-fowarding the first step, since you seem to have a working project already.
MDBVUE LARAVEL HOW-TO:
1. Go into your project's root directory;
2. $ yarn add -D babel-preset-stage-2
3. in yourappname/resources/js/app.js add
import 'mdbvue/build/css/mdb.css';
4. enhance a chosen blade template (default: "yourappname/resources/views/welcome.blade.php") with
a) id="app"
this is where our Vue instance will be mounted
b) <link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" >
in the head so that the default BS styles can get attached
c) <script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
in, say, lower part of the body so that our js goodies actually get there
5. $ yarn dev
it will compile both css and vue code into the output files we attached above
6. $ php artisan serve
now we should have a php server running (by default at localhost: 8000)
Let me know in case there you experienced some issues, the above guide is still in the making and requires feedback.
With Best Regards,
Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: virtual server
- Browser: chrome
- OS: Ubuntu
- Provided sample code: No
- Provided link: No