Level 10
@emil_aa when building full-stack applications its better to use Laravel, inertia and vuejs
and when building an API u can then use vue and its native goodies
1 like
Apr 7, 2021
13
Level 4
Laravel + vue.js + ? š (what's best practice ?)
I've recently started to learn Laravel and im left wondering how to exactly grasp all the new features it brings.
I've decided I want to use vue.js with Laravel for creating components and using them in my layouts, but as I understand, vue brings some features that Laravel already has i.g routing. Because this Language is so new to me, it leaves me with a lot of questions:
- When do I use vue, and when do I use Laravel?
- Which router am I supposed to use?
- In my short time as a web dev, I've grown fond of using component based libraries like bootstrap which is the only one I have experience with. But I see a lot of these videos introduce different libraries like bulma, tailwind and Vuetify, so what's the best one, or which one am I supposed to start with? what works best with vue?
I think im a bit overwhelmed by all the new features š„“
Best regards
Level 4
Okay, but when do I use which?
Level 4
and which router am I supposed to use?
Level 10
@emil_aa when developing full-stack app meaning when you have everything in laravel folder SSR you can use inertia for routing and SSR and when you have developed an API you can use vue router
1 like
Level 4
@wakanda Alright, so when do you use Laravels router? the web.php one :)
Level 10
@emil_aa you can use the web.php laravel router and inertia takes care of the rest and make sure u are using inertia to render views in your controller
web.php also works when you are using blade, livewire and so on
1 like
Level 4
what is the upside to integrating inertia? what plusses does it bring to the stock Laravel app?
Level 4
Also what sort of component library do you recommend for vue? is tailwind best, a lot of Laracasts use that one? what about Vuetify, bootstrap & Bulma? @wakanda
Level 80
@emil_aa āBest practiceā is to pick technologies that are going to solve a problem, and not throwing them into your project just ābecauseā.
If youāre new to Laravel, build a Laravel application from start to finish. Get to grips with how it works, its router, controllers, models, Blade templates. When you can retrieve and persist data to a database via models, then look at adding enhancements with something like Vue.
but as I understand, vue brings some features that Laravel already has i.g routing
Vue has Vue Router, but you donāt need to use Vue Router. Vue is just a JavaScript component library. You can use it to add interactive elements to a page, rather than building your whole application in Vue.
3 likes
Level 4
@martinbean Thanks for that clarification, what do you suggest I use for creating my HTML components?
If my goal Is to implement vue, what CSS framework should I learn? I've read about Vuetify on vue.js site, but a lot of Laracasts use tailwind CSS?
Level 46
Vuetify isn't a CSS framework, it's a component library that uses material design.
Tailwind isn't really a framework either, it's a utility based library which just takes a lot of the grind out of using CSS.
If you're just mucking about with ideas as a learning exercise then use Bootstrap.
1 like
Level 10
@emil_aa I would suggest tailwind CSS since laravel ships with it out of the box, its also easy to learn, and it is becoming popular daily and it is highly customizable not to mention hundreds of components available for free that can enable you to rapidly create UIs
1 like
Level 4
@wakanda, @martinbean & @topvillas
Thank you all three that really helped with some of the confusion, I will crack on learning Laravel. It's so much fun writing code in this framework.
Please or to participate in this conversation.