Opinions & Insights
Why Vue is a great fit for modular software architecture
Having trouble deciding what frontend framework to invest in? You’re not alone. After all, decisions like this have big implications for teams that will likely be working with a technology for years to come. Fortunately, this question is a lot easier to answer than most people realize when investing in modular software architecture. And for those new to the composable / modular software architecture trend, be sure to this blog post from my teammate Phil!
In this post, we’ll be talking about why Vue should be one of your top contenders when choosing a frontend framework to invest in for the long haul.
It works for apps of all sizes
When it comes to modular software architecture patterns, flexibility is one of the top priorities for the tech stack. If teams are required to onboard to new technology every time they switch to a new project, that can cost significant time and effort. However, Vue is an incredibly adaptable framework and can suit projects both large and small, which is a huge plus for long term maintenance.
Just drop it in as a library
When most people think of frontend frameworks, the first thing that comes to mind are big toolchains. And for those who have worked on legacy apps before, sometimes projects don’t allow you to rewrite the entire toolchain just to use the latest and greatest framework. However, with just one line on any HTML page, you can leverage Vue to progressively enhance your apps to have dynamic interactions and render dynamic data!
You can learn more about the CDN approach in the official Vue docs.
But if you have control of how your build toolchain works, Vue has got you covered.
Use it as a traditional single page application
Don’t need an app, but want to leverage it for site theming and maintenance?
Switch it up and use it for server side rendering as well
For those who want to use the tried and tested approach of server side rendering (SSR), Vue provides vite-plugin-ssr and meta-frameworks like Nuxt 3 which empower you to deploy your app using SSR to your desired deployent platform.
But wait a second, what if you want it all?
What if you need a little bit of this and a little bit of that?
While many sites only need a single approach (i.e., CDN, SPA, SSR, etc.) to provide the best experience possible to their users, the complexity of sites continues to grow and people recognize that one size does not always fit everything. So, as expected of the web community, recent innovations to let people choose the right approach to different parts of a site is becoming more common.
Interested in this hybrid approach? Vue can help you there too, with Nuxt 3’s Route Rules which enables you to define specific rendering strategies for different routes!
As you can see, Vue can be adapted to whatever size you need it to be so that it fits in your desired software architecture. And the great thing about having that decision made is you can focus on what really matters, building and shipping apps that have real world impact on users.
And if you’d like to learn more about Vue, check out the following resources:
And if you’d like to learn more about deploying with Vue on Netlify, be sure to checkout how Netlify makes it easy to work with Vue.