From 189e682fc4006aa45d7e4c60e8c8630c7e2430ea Mon Sep 17 00:00:00 2001
From: Barrior <barrior@qq.com>
Date: Thu, 4 Jan 2024 14:49:32 +0800
Subject: [PATCH] docs: adjust docs

---
 examples/core-react/001-intro.md | 12 +++++++++++-
 examples/index.md                |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/examples/core-react/001-intro.md b/examples/core-react/001-intro.md
index 4f42565..e89c699 100644
--- a/examples/core-react/001-intro.md
+++ b/examples/core-react/001-intro.md
@@ -22,6 +22,16 @@ toc: false
 目前项目是基于 React 技术栈实现的，所以后缀都加了 `-react` 字眼，后续可能会将 Core 抽离成不依赖于技术栈的纯 JavaScript 项目，以便支持任何技术框架。
 :::
 
+FormRender、Search 没有很好的支持 SSR，如果是 Next.js 项目，可以动态导入并配置 ssr 为不启用，如下示例。
+
+```jsx | pure
+import dynamic from 'next/dynamic'
+
+const FormRender = dynamic(() => import('@schema-render/form-render-react'), {
+  ssr: false,
+})
+```
+
 ## Core
 
 渲染内核必须组装 `itemLayout`（表单项布局）、`Renderers`（渲染器集合）来实现一个渲染库，然后通过 JSON Schema 驱动渲染出所需的表单。
@@ -31,4 +41,4 @@ toc: false
 - `协议驱动`：通过编写一份简易的 JSON Schema 来实现内容的渲染，参考[快速上手](./002-quick-start.md)。
 - `简洁易用`：仁者见仁智者见智，笔者以为是比较言简意赅、易用的，如同内部源码一样，化繁为简，无必要不增实体。
 - `高可定制`：通过配置与组装 layout、itemLayout、renderers 等可以按需实现一个贴合业务自身的渲染库，如 FormRender。
-- `轻量级`：没有包依赖，编译后未压缩资源仅 16k, gzip 6k
+- `轻量级`：零依赖，资源包大小仅 18.8k, gzip 6.9k
diff --git a/examples/index.md b/examples/index.md
index 166fa11..4a6acd8 100644
--- a/examples/index.md
+++ b/examples/index.md
@@ -10,7 +10,7 @@ hero:
 features:
   - title: Core
     emoji: 💎
-    description: 渲染内核：协议驱动、简洁易用、高可定制、轻量级零依赖（16.4k, gzip 6.3k）
+    description: 渲染内核：协议驱动、简洁易用、高可定制、轻量级零依赖（18.8k, gzip 6.9k）
     link: /core-react/001-intro
   - title: FormRender
     emoji: 🚀