/    Sign up×
Community /Pin to ProfileBookmark

Is vuejs recommended for the frontend for a big website

Hello

I am developing a website similar to [url]http://www.magicbricks.com[/url].

The backend APIs are developed in laravel. For the frontend I am confused whether to use VueJS (all html files to be converted into .vue and use the power of VueJS) or use Laravel’s Blade templates and use VueJS for the reactivity part.

What is the recommended approach?

PS: I am fairly new to VueJS and this would be my first application in VueJS.

to post a comment
PHP

7 Comments(s)

Copy linkTweet thisAlerts:
@NogDogFeb 17.2017 — First question I'd ask myself: "Do I really need JavaScript?" (or at least, do I really need lots and lots of JavaScript?). Are you thinking of something like VueJS because you want all sorts of eye candy that at best no users care about and at worst annoys them, or is there some [i]business[/i] reason for using it? Or do you have a good reason to make a "single page" app chock-full of JavaScript to handle it -- in which case it probably becomes its own project, which then utilizes your Laravel application purely as an API (all your Laravel views would then just be JSON output)?
Copy linkTweet thisAlerts:
@phantom007authorFeb 17.2017 — do you have a good reason to make a "single page"
> so VueJS is only good for SPAs?

all your Laravel views would then just be JSON output
> correct
Copy linkTweet thisAlerts:
@NogDogFeb 17.2017 — Take everything I say with a grain of salt, as I find the current status of the client-side world and the dozens of "new, best, fastest" JavaScript frameworks so confusing, that I just focus on server-side stuff. ? My very limited understanding of VueJS is that it's sort of a use-as-much-as-you need thing; so it doesn't have to be a single-page app to warrant using it -- but if you [i]do[/i] want to pursue the single-page app architecture, then I probably would want to use it, or AngularJS, etc., and treat it as a separate application that consumes data from your Laravel application.

Or not. ?
Copy linkTweet thisAlerts:
@amitavroyFeb 18.2017 — Ideal is a good balance. Have Vue.js only where you think it makes sense. Creating an entire SPA with any framework is a lot of work and hence it depends on the requirement and how much is the timeline. I still feel Laravel with a mix and match of vue.js is a good idea. Also, always keep your options open. There can be situations where you can even have a situation that jQuery will be required, hence I think the Laravel workflow is great.

A lot of things like CSRF token are already bootstrapped into L5.4 and with Dusk you can write browser test cases so all in all a good choice. You can also look at github/amitavroy and the inferno project for some reference. I have Profile image upload as a vue.js component because there was a reason. But profile edit form is simple php forms. That's what I call the mix and match.
Copy linkTweet thisAlerts:
@lon124Feb 28.2017 — Just to add to the mix (without going into whether it's a good idea): We've used vue on larger projects and it's been a pleasure to work with. Pretty much saved one particular feature that required a lot of javascript and was turning into a nightmare to manage. What I liked most is that it was easy to drop in on top of existing code, without requiring extensive setup or wanting to take over the entire architecture.

So, to answer your question, Is vue.js recommended for large projects, then my answer is 'Yes' ?
Copy linkTweet thisAlerts:
@aipljoygalleryJul 07.2022 — [AIPL Joy Gallery](https://www.propertyxpo.com/aipl-joy-gallery/) in Sector 66 Gurgaon is a high-end mixed-use retail development that elevates of retail and F&B experience by a good few notches. Located on the main Golf Course Extension Road
Copy linkTweet thisAlerts:
@johnchrisDec 05.2022 — The recommended approach would depend on your preferences and needs. If you are comfortable with Laravel, then you could use Laravel's Blade templates and use VueJS for the reactivity part. However, if you are looking for a more modern and interactive interface, then you may want to consider using VueJS to convert all HTML files into .vue files and take advantage of the powerful features that VueJS offers. If you are new to VueJS, it may be worth taking some time to learn about the framework before committing to it for your project[.](https://vanityroofing.ca)
×

Success!

Help @phantom007 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.27,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...