Book Image

Vue.js: Understanding its Tools and Ecosystem

By : Dave Berning
Book Image

Vue.js: Understanding its Tools and Ecosystem

By: Dave Berning

Overview of this book

Vue.js is one of the top three “go-to” JavaScript frameworks and is used by organizations such as Nintendo, NASA, and Expedia. This book is primarily focused on the ecosystem of Vue.js and its development tools. Understanding the basics of the technology behind the Vue.js ecosystem will improve your skills and make you a better problem solver. The book begins with a brief overview of Vue.js. You’ll learn to work your way through the Vue command line interface CLI 3, and use the Vue Router library to navigate between the different views of your application. As you advance through the topics, you’ll explore the use of DevTools to improve the quality of your applications and how to implement server-side rendering in your application through the Nuxt.js framework. Toward the end of the book, you’ll read about the future of Vue.js and its growing popularity. After reading this book, you’ll be able to create industry-grade applications using Vue.js and its tools.
Table of Contents (11 chapters)

Chapter 6. Server-Side Rendering with Nuxt.js

Vue.js is a client side framework, which means that all of your Vue.js applications will be rendered on the client or in the user’s browser. This is standard with front-end technologies like HTML, CSS, and JavaScript, and is useful for many reasons. Most notably, you do not need a special server to host and render those files; you can host your application on a static host like GitHub Pages, Netlify, or Surge. Since the files are not rendered on the server, there’s much less stress on the server, which is ideal if you are paying for your server by usage.

However, single page applications and websites are terrible for search engine optimization (SEO). Google and other search engines need to read your application’s document object model (DOM) before a user visits your websites. Information like the application’s <title>, <meta> descriptions, heading tags, image alt tags, and more. Since your application...