Book Image

Architecting Vue.js 3 Enterprise-Ready Web Applications

By : Solomon Eseme
Book Image

Architecting Vue.js 3 Enterprise-Ready Web Applications

By: Solomon Eseme

Overview of this book

Building enterprise-ready Vue.js apps entails following best practices for creating high-performance and scalable applications. Complete with step-by-step explanations and best practices outlined, this Vue.js book is a must-read for any developer who works with a large Vue.js codebase where performance and scalability are indispensable. Throughout this book, you’ll learn how to configure and set up Vue.js 3 and the composition API and use it to build real-world applications. You’ll develop the skills to create reusable components and scale performance in Vue.js 3 applications. As you progress, the book guides you in scaling performance with asynchronous lazy loading, image compression, code splitting, and tree shaking. Furthermore, you’ll see how to use the Restful API, Docker, GraphQL, and different types of testing to ensure that your Vue.js 3 application is scalable and maintainable. By the end of this book, you’ll be well-versed in best practices for implementing Restful API, Docker, GraphQL, and testing methods to build and deploy an enterprise-ready Vue.js 3 application of any scale.
Table of Contents (21 chapters)
1
Part 1: Getting Started with Vue.js
4
Part 2: Large-Scale Apps and Scaling Performance in Vue.js 3
9
Part 3: Vue.js 3 Enterprise Tools
11
Part 4: Testing Enterprise Vue.js 3 Apps
16
Part 5: Deploying Enterprise-ready Vue.js 3

Advanced Vue.js Frameworks

In the previous chapter, we explored how to deploy Vue.js 3 projects to AWS Cloud. We learned about the best practices for deploying to AWS. In addition, we learned how enterprise companies deploy their enterprise Vue applications.

This chapter explores a definitive guide to Nuxt.js. We will learn about the nitty-gritty of Nuxt.js and how to build and deliver enterprise SSR projects with Vue.js 3. Additionally, we will explore a definitive guide to Gridsome where you will learn about the nitty-gritty of Gridsome and how to build and deliver enterprise CSR projects with Vue.js 3.

In this chapter, we will cover the following key topics:

  • Introduction to Vue frameworks
  • Top Vue frameworks
  • Understanding Nuxt.js and how it works
  • Benefits of Nuxt.js
  • Creating a Nuxt.js app
  • What is Gridsome?
  • What is Gridsome used for?
  • How does Gridsome work?
  • Benefits of Gridsome
  • Creating a Gridsome app