Maybe someone can push me in the right direction.
I struggle settling on choosing what front end tool combination to chose and start living and working with that choice.
I hate fiddling around with css, but I do love a well designed web page. I'd rather spend most of the time building functions and the backend and not pushing frontend pixels around. Nonetheless frontend is important too. Also I would like to avoid jQuery in order to save overhead as much as possible.
Laravel comes with Vue and Bootstrap basic scaffolding, but I have the feeling I would need a ton of time to build out views that look amazing.
Using a theme on the other hand is too limiting.
I my ideal world I would use Bootstrap that abstracts all of the css fiddling away from me. I would apply Material Design components, since this just looks good. And certainly I would use Vue for having that amazing flexibility to build blazing fast single and multi page apps.
So I found https://mdbootstrap.com/docs/vue/ which kinda is basically what I am looking for. But, I am not sure if it works well with Laravel.
Also I found https://bootstrap-vue.js.org/ which seems ok too. But then I wonder why I should use that, since Laravel already comes with Vue and Bootstrap support.
And finally I always jump back mentally and think if it might make most sense to build everything out from scratch with the basic Laravel scaffolding.
Again, my goal is to build a wonderful looking app in a wonderful, responsive design (preferably Material Design) as fast as possible in order to be able to spend more time on the backend.
What are your opinions? What is a very lean way to build out a great front end without becoming an expert pixel pusher.
@alev I'm a big fan of Google's Materialize CSS for implementing material design. It is robust, well thought out and does not require you to use jQuery.
npm install materialize-css@next
// In app.scss
@import "node_modules/materialize-css/sass/materialize";
// In bootstrap.js
require('materialize-css');
Please or to participate in this conversation.