Starting a Project Vue 2 [closed]

I have seen some frameworks of components for Vuejs2 and the ones I liked most about working are:

In the case of Vuetify, it is extremely complete, basically everything I've ever needed to build a system / site it owns. It has an easy understanding about its components. Great documentation (well complete, accurate and consistent). Constant updates (recently released for version 1.0.0). Active community, always contributing and helping. And also, I really like Visual material, so it ends up being another bonus.

In the case of Buefy, there are far fewer components, but its use and the amount of code required is much smaller and simpler to see, but it gives the message. I use it for sites that have their custom look, that is, it can not be Flat , Material , etc. It works directly with Bulma, where there are elements that are only worked as classes in Bulma, not being customized in Buefy, unlike Vuetify, for example, there is no b-button of Buefy, the button you will not find in Buefy but in Bulma, being only a class to maintain the look, where you find in the Elements tab within Bulma.

In the case of Bulma, its syntax is similar to a bootstrap, but still simpler, all written basically with is or has , such as < in-is-size-1 , has-text-gray . Very simple, clear, fast learning curve for you and team members. It is also based on flexbox, and its use for responsive systems is also very simple.

Templates and Libraries

In the case of Templates and Libraries, it is difficult to say which ones to use, it will actually vary from project to project. Using yarn or npm, you will install the dependencies as needed. Working out the frameworks mentioned above, I like to use css preprocessors like Stylus or SASS , where they provide greater readability of your CSS, a reuse of CSS, possibility to use css methodologies more easily, such as BEM , among other possibilities. Another dependency that I usually install is PUG , an HTML preprocessor, which is similar to CSS, where in the case of HTML the tags know that one is inside the other by their indentation, and there is no tag closing. I particularly recommend it for the fact that in the case of Vuejs 2, HTML usually stays in the same code as CSS and JS. Without tag closing, you drastically reduce the number of lines in your <template> tag in some cases. There are also several other advantages, such as not having to write divs but rather classes directly, and I think the code gets smaller and clearer to perform a maintenance on it. Some say that the biggest problem of PUG is when <template> gets large, but I think if in a Vuejs component you have a very <template> , you probably did something wrong, and it could be "split" into other minor components.

Database and back-end language

I am a front-end developer, so I do not have much knowledge in this area, but I see that the choice of both is also according to the project. With Vuejs2 I like working with Laravel 5.5+, as it is an extremely complete and accepted community framework, and has a good compatibility between both. In a short time, you can make an API for a CRUD (for example), with migrations to the database, authentication, etc. There is also how to perform automated tests with mocks ( Factorys ) using phpunit , ensuring your backend works the way you expect it to. It also has Composer which is a package manager, where you will find great packages on demand.

In the case of Nodejs you commented on, I have already used Adonisjs , this being a framework for Nodejs that in my opinion offers almost the same advantages as Laravel, but with the advantages of Nodejs.