How to install and Use Quasar in Laravel Inertia Vue js Application

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 พ.ย. 2024

ความคิดเห็น • 26

  • @jonteeter7808
    @jonteeter7808 ปีที่แล้ว +1

    Love it. Exactly what I'm looking for. I read another blog post that recommended creating separate folders for the quasar front and laravel backend. This inertia way seems better.

    • @laraphant
      @laraphant  ปีที่แล้ว

      Very true, lifts the burden of state management, authentication, pretty much the complexity of creating apis

  • @scanmaster251
    @scanmaster251 17 วันที่ผ่านมา

    Great tutorial! The only thing is I'm getting an error when I use child pages from the MainLayout. It says - QPage needs to be a deep child of QLayout. Do you have any ideas about this? Thanks.

  • @ergurkha3157
    @ergurkha3157 ปีที่แล้ว

    Que maravilla esto!.. funcionó perfecto.. muchas gracias!

    • @laraphant
      @laraphant  11 หลายเดือนก่อน

      De nada

  • @supram941g5
    @supram941g5 หลายเดือนก่อน

    why you don't use Breeze or JetStream? its already integrated with inertiajs (on date of video publication)

    • @laraphant
      @laraphant  หลายเดือนก่อน

      Just satisfying my curiosity :)

    • @supram941g5
      @supram941g5 หลายเดือนก่อน

      @@laraphant You didn't understand me. You can throw out the whole Vue and Laravel integration setup from your video, because nobody will do it when there are ready-made solutions and they are described in the Laravel documentation. Moreover, the axios settings are missing. App simply won't work if there's more than one page in the app. The whole point of Inertia.js is that it eliminates the router. If there's no navigation, using InertiaJS is even harmful because it breaks Quasar's navigation.

    • @laraphant
      @laraphant  หลายเดือนก่อน

      @@supram941g5 dude, to say that you cannot use quasar with inertia isn't true. You have your preferences and it is fine to stick to them.

  • @jorensumagang3533
    @jorensumagang3533 2 หลายเดือนก่อน

    bro is it possible to make the project PWA?? like i wanna see an option to be able to download the project

  • @hectordepablos9791
    @hectordepablos9791 ปีที่แล้ว

    Excelente !!!

    • @laraphant
      @laraphant  ปีที่แล้ว

      Thanks

    • @hectordepablos9791
      @hectordepablos9791 ปีที่แล้ว

      I have a problem compiling the npm run build, error
      "default" is not exported by "node_modules/quasar/dist/quasar.esm.prod.js", imported by "resources/js/app.js".
      file: /private/var/www/laravel-quasar/resources/js/app.js:9:7
      7: // Import Quasar css
      8: import 'quasar/src/css/index.sass'
      9: import Quasar from 'quasar'

    • @laraphant
      @laraphant  ปีที่แล้ว

      @@hectordepablos9791 Check if you have saved vite.config.js

    • @laraphant
      @laraphant  ปีที่แล้ว

      It should be npm run dev

    • @hectordepablos9791
      @hectordepablos9791 ปีที่แล้ว

      Hello, everything is the same, it keeps giving me an error when I run npm run build, the error is: default" is not exported by "node_modules/quasar/dist/quasar.esm.prod.js", imported by "resources/js/app. js". will you have a repository? help please

  • @josenunez1731
    @josenunez1731 11 หลายเดือนก่อน

    Hola, muchas gracias por el video, es excelente, solo me gustaría hacerte una pregunta, mi proyecto está hecho con jetstream inertia y, cuando al archivo app.j le "import 'quasar/src/css/index.sass' " me desaparecen los NavLink del archivo AppLayout.vue y se comporta esa parte como si estuviera en un dispositivo mobil, alguien le a pasado lo mismo y tiene una idea de porque le pasa esto?

  • @jorensumagang3533
    @jorensumagang3533 6 หลายเดือนก่อน

    HOLY SHIT THANKS

    • @laraphant
      @laraphant  6 หลายเดือนก่อน

      You are welcome

  • @thomaspotterdotexe
    @thomaspotterdotexe 7 หลายเดือนก่อน

    But I have problem with plugin like notify, it didn't work, I already add it on app.js, any idea how to fix it?

    • @laraphant
      @laraphant  7 หลายเดือนก่อน

      I used it in the todo app tutorial, kindly check it out hope it helps th-cam.com/video/IXEpBYYfn4U/w-d-xo.html

  • @JeanGomesPereira
    @JeanGomesPereira 8 หลายเดือนก่อน

    I think this mix is a bad solution (work around/ a mess).
    Or am I being too purist?

    • @laraphant
      @laraphant  8 หลายเดือนก่อน

      Some devs feel the same too....i think it depends on the use case.