docs: add ssr support documentation

Author: Barrior

examples/core-react/001-intro.md

@@ -22,16 +22,6 @@ 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 驱动渲染出所需的表单。
@@ -40,5 +30,5 @@ const FormRender = dynamic(() => import('@schema-render/form-render-react'), {
 
 - `协议驱动`：通过编写一份简易的 JSON Schema 来实现内容的渲染，参考[快速上手](./002-quick-start.md)。
 - `简洁易用`：仁者见仁智者见智，笔者以为是比较言简意赅、易用的，如同内部源码一样，化繁为简，无必要不增实体。
-- `高可定制`：通过配置与组装 layout、itemLayout、renderers 等可以按需实现一个贴合业务自身的渲染库，如 FormRender。
+- `高可定制`：通过组装 layout、itemLayout、renderers 等可以按需实现一个贴合自身业务的渲染库，如 FormRender。
 - `轻量级`：资源包大小仅 17.6k, gzip 6.5k

examples/core-react/002-quick-start.md

@@ -32,7 +32,7 @@ npm install @schema-render/core-react --save
 
 ### 示例一
 
-步骤一加步骤二
+步骤一和步骤二
 
 ```jsx
 /**

examples/form-render-react/002-ssr.md

@@ -0,0 +1,56 @@
+---
+order: 1
+toc: content
+---
+
+# SSR
+
+## 默认不支持
+
+由于样式原因，FormRender 没有很好的支持 SSR，如果是 Next.js 项目，可以动态导入并配置 ssr 为不启用，如下示例。
+
+```jsx | pure
+import dynamic from 'next/dynamic'
+
+const FormRender = dynamic(() => import('@schema-render/form-render-react'), {
+  ssr: false,
+})
+```
+
+## 支持 SSR 版本
+
+为了支持 SSR，FormRender 提供了 `npm tag` 为 `ssr` 的版本，内部样式由 [CSS Modules](https://github.com/css-modules/css-modules) 完成，故需要配置项目编译软件包。
+
+以 Next.js 为例，Next.js 默认支持 CSS Modules。
+
+### 安装或配置
+
+安装
+
+```bash
+npm install @schema-render/core-react@ssr @schema-render/form-render-react@ssr --save
+```
+
+或者配置 `package.json`
+
+```json
+"dependencies": {
+  "@schema-render/core-react": "ssr",
+  "@schema-render/form-render-react": "ssr"
+}
+```
+
+### 配置 next.config.js
+
+配置 `next.config.js` 编译软件包。
+
+```
+transpilePackages: [
+  '@schema-render/core-react',
+  '@schema-render/form-render-react',
+]
+```
+
+### 配置 Antd
+
+同时，需要配置 Antd 支持服务端渲染，可参考 https://ant-design.antgroup.com/docs/react/use-with-next-cn

examples/search-react/002-ssr.md

@@ -0,0 +1,61 @@
+---
+order: 1
+toc: content
+---
+
+# SSR
+
+## 默认不支持
+
+由于样式原因，Search 没有很好的支持 SSR，如果是 Next.js 项目，可以动态导入并配置 ssr 为不启用，如下示例。
+
+```jsx | pure
+import dynamic from 'next/dynamic'
+
+const Search = dynamic(() => import('@schema-render/search-react'), {
+  ssr: false,
+})
+```
+
+## 支持 SSR 版本
+
+为了支持 SSR，Search 提供了 `npm tag` 为 `ssr` 的版本，内部样式由 [CSS Modules](https://github.com/css-modules/css-modules) 完成，故需要配置项目编译软件包。
+
+以 Next.js 为例，Next.js 默认支持 CSS Modules。
+
+### 安装或配置
+
+安装
+
+```bash
+npm install \
+  @schema-render/core-react@ssr \
+  @schema-render/form-render-react@ssr \
+  @schema-render/search-react@ssr --save
+```
+
+或者配置 `package.json`
+
+```json
+"dependencies": {
+  "@schema-render/core-react": "ssr",
+  "@schema-render/form-render-react": "ssr",
+  "@schema-render/search-react": "ssr",
+}
+```
+
+### 配置 next.config.js
+
+配置 `next.config.js` 编译软件包。
+
+```js
+transpilePackages: [
+  '@schema-render/core-react',
+  '@schema-render/form-render-react',
+  '@schema-render/search-react',
+]
+```
+
+### 配置 Antd
+
+同时，需要配置 Antd 支持服务端渲染，可参考 https://ant-design.antgroup.com/docs/react/use-with-next-cn

examples/search-table-react/002-ssr.md

@@ -0,0 +1,64 @@
+---
+order: 1
+toc: content
+---
+
+# SSR
+
+## 默认不支持
+
+由于样式原因，SearchTable 没有很好的支持 SSR，如果是 Next.js 项目，可以动态导入并配置 ssr 为不启用，如下示例。
+
+```jsx | pure
+import dynamic from 'next/dynamic'
+
+const SearchTable = dynamic(() => import('@schema-render/search-table-react'), {
+  ssr: false,
+})
+```
+
+## 支持 SSR 版本
+
+为了支持 SSR，SearchTable 提供了 `npm tag` 为 `ssr` 的版本，内部样式由 [CSS Modules](https://github.com/css-modules/css-modules) 完成，故需要配置项目编译软件包。
+
+以 Next.js 为例，Next.js 默认支持 CSS Modules。
+
+### 安装或配置
+
+安装
+
+```bash
+npm install \
+  @schema-render/core-react@ssr \
+  @schema-render/form-render-react@ssr \
+  @schema-render/search-react@ssr \
+  @schema-render/search-table-react@ssr --save
+```
+
+或者配置 `package.json`
+
+```json
+"dependencies": {
+  "@schema-render/core-react": "ssr",
+  "@schema-render/form-render-react": "ssr",
+  "@schema-render/search-react": "ssr",
+  "@schema-render/search-table-react": "ssr",
+}
+```
+
+### 配置 next.config.js
+
+配置 `next.config.js` 编译软件包。
+
+```js
+transpilePackages: [
+  '@schema-render/core-react',
+  '@schema-render/form-render-react',
+  '@schema-render/search-react',
+  '@schema-render/search-table-react',
+]
+```
+
+### 配置 Antd
+
+同时，需要配置 Antd 支持服务端渲染，可参考 https://ant-design.antgroup.com/docs/react/use-with-next-cn