Topic: mdb pro integration in laravel 5.6

Kaddour Fellah free asked 5 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 5 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



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: virtual server
  • Browser: chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: No