docs: fix some minor typos (#4603)

Co-authored-by: Damian <48835293+DamianGlowala@users.noreply.github.com>
Co-authored-by: Daniel Roe <daniel@roe.dev>
This commit is contained in:
Daniel Townsend 2022-04-26 11:15:53 +01:00 committed by GitHub
parent 45935e0791
commit e378985c29
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 8 deletions

View File

@ -1,10 +1,10 @@
# What is Nuxt? # What is Nuxt?
Nuxt goal is to make web development intuitive and performant with a great developer experience in mind. Nuxt's goal is to make web development intuitive and performant with a great developer experience in mind.
## Why Nuxt? ## Why Nuxt?
To understand what is Nuxt, we need to understand what we need to create a modern application: To understand what Nuxt is, we need to understand what we need to create a modern application:
::list{type=success} ::list{type=success}
- A JavaScript framework to bring reactivity and web components, we chose [Vue.js](https://v3.vuejs.org). - A JavaScript framework to bring reactivity and web components, we chose [Vue.js](https://v3.vuejs.org).

View File

@ -48,15 +48,15 @@ Try to replace the `<template>`s content with a custom welcome message. The b
## Differences with Nuxt 2 / Vue 2 ## Differences with Nuxt 2 / Vue 2
Nuxt 3 is based on Vue 3. The new Vue major version introduces several changes that Nuxt takes advantage of: Nuxt 3 is based on Vue 3. The new major Vue version introduces several changes that Nuxt takes advantage of:
- Better performances - Better performance
- Composition API - Composition API
- TypeScript support - TypeScript support
### Faster rendering ### Faster rendering
Vue Virtual DOM (VDOM) has been rewritten from the ground up and allows for better rendering performances. On top of that, when working with compiled Single-file components, the Vue compiler can further optimize components at build time by separating static and dynamic markup. The Vue Virtual DOM (VDOM) has been rewritten from the ground up and allows for better rendering performance. On top of that, when working with compiled Single File Components, the Vue compiler can further optimize them at build time by separating static and dynamic markup.
This results in faster first rendering (component creation) and updates, and less memory usage. In Nuxt 3, it enables faster server-side rendering as well. This results in faster first rendering (component creation) and updates, and less memory usage. In Nuxt 3, it enables faster server-side rendering as well.

View File

@ -1,6 +1,6 @@
# Rendering Modes # Rendering Modes
Both Browser and Server can interpret JavaScript code to render Vue.js components into HTML elements. This step is called **rendering**. Nuxt supports both **client-side** and **universal** rendering. The two approaches have pros and cons that we will cover in this section. Both the browser and server can interpret JavaScript code to render Vue.js components into HTML elements. This step is called **rendering**. Nuxt supports both **client-side** and **universal** rendering. The two approaches have pros and cons that we will cover in this section.
## Client-side only rendering ## Client-side only rendering
@ -19,8 +19,8 @@ While this technique allows building complex and dynamic UIs with smooth page tr
### Cons ### Cons
- **Performance**: The user has to wait for the browser to download, parse and run javascript files. Depending on the network for the download part and the user's device for the parsing and execution, this can take some time and impact your user's experience. - **Performance**: The user has to wait for the browser to download, parse and run JavaScript files. Depending on the network for the download part and the user's device for the parsing and execution, this can take some time and impact the user's experience.
- **Search Engine Optimization**: Indexing and updating the content delivered via client-side rendering takes more time than an HTML document already built. This is related to the performance drawback we discussed, as search engine crawlers won't wait for the interface to be fully rendered on their first try to index the page. Your content will take more time to show and update in search results pages with pure client-side rendering. - **Search Engine Optimization**: Indexing and updating the content delivered via client-side rendering takes more time than with a server-rendered HTML document. This is related to the performance drawback we discussed, as search engine crawlers won't wait for the interface to be fully rendered on their first try to index the page. Your content will take more time to show and update in search results pages with pure client-side rendering.
### Examples ### Examples