From 84dfd8756a1d30d227916142c529a389d87b820e Mon Sep 17 00:00:00 2001 From: Daniel Roe Date: Tue, 7 Feb 2023 01:54:49 -0800 Subject: [PATCH] docs: add link to vue hydration mismatch docs (#18842) --- docs/2.guide/1.concepts/3.rendering.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/2.guide/1.concepts/3.rendering.md b/docs/2.guide/1.concepts/3.rendering.md index 28f2e9ee04..e0a6a255d1 100644 --- a/docs/2.guide/1.concepts/3.rendering.md +++ b/docs/2.guide/1.concepts/3.rendering.md @@ -53,6 +53,10 @@ Universal rendering allows a Nuxt application to provide quick page load times w - **Development constraints:** Server and browser environments don't provide the same APIs, and it can be tricky to write code that can run on both sides seamlessly. Fortunately, Nuxt provides guidelines and specific variables to help you determine where a piece of code is executed. - **Cost:** A server needs to be running in order to render pages on the fly. This adds a monthly cost like any traditional server. However, the server calls are highly reduced thanks to universal rendering with the browser taking over on client-side navigation. +::alert +For more examples about writing Vue code without hydration mismatch, see [the Vue docs](https://vuejs.org/guide/scaling-up/ssr.html#hydration-mismatch). +:: + ### Examples Universal rendering is very versatile and can fit almost any use case, and is especially appropriate for any content-oriented websites: **blogs, marketing websites, portfolios, e-commerce sites, and marketplaces.**