From ed55a004af3f0888bc08affbf975cf178271f64b Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Mon, 23 Mar 2020 02:32:31 +0800
Subject: [PATCH] docs: improve docs for server render

---
 pages/docs/getting-started/server-render.mdx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/pages/docs/getting-started/server-render.mdx b/pages/docs/getting-started/server-render.mdx
index 6fe04f7..30685b9 100644
--- a/pages/docs/getting-started/server-render.mdx
+++ b/pages/docs/getting-started/server-render.mdx
@@ -14,9 +14,25 @@ export const meta = {
 
 All Components of `@zeit-ui/react` are compatible with **Server Render**. In fact, the document you see now is rendered by the server.
 
-<Note>If you deploy by static files, you can skip this section.</Note>
+<Note label="readme">
+  You just need <Link href="https://en.wikipedia.org/wiki/Single-page_application" rel="nofollow" pure underline>a SPA application</Link>?
+  It is recommended to skip this section.
+</Note>
 
-<Spacer y={3} />
+<Spacer y={.5} />
+
+Will using server-side rendering make my application lose the advantages of SPA? Maybe you can use the `hybrid render` application,
+Read <Link pure color href="https://nextjs.org/blog/next-9-3#next-gen-static-site-generation-ssg-support" rel="nofollow">
+the post from the Next.js team</Link> to learn more.
+
+<Text>In addition, for <Text b>server-side render</Text> and web applications,
+we strongly recommend that you read this famous post
+<Link pure color href="https://rauchg.com/2014/7-principles-of-rich-web-applications" rel="nofollow" target="_blank">
+  7-principles-of-rich-web-applications
+</Link> from <Text em>Guillermo Rauch</Text>.
+</Text>
+
+<Spacer y={2.5} />
 
 ### Next.js