test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 02:59:04 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

chore: update docs use with Next.js (#44569)

Browse Source 
* Update use-with-next.zh-CN.md

Signed-off-by: lijianan <574980606@qq.com>

* Update use-with-next.en-US.md

Signed-off-by: lijianan <574980606@qq.com>

---------

Signed-off-by: lijianan <574980606@qq.com>
This commit is contained in:
lijianan 2023-09-01 10:51:21 +08:00 committed by GitHub
parent b0f0975a4a
commit a3d8bf9c67
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/react/use-with-next.en-US.md
View File

@ -51,7 +51,7 @@ OK, you should now see a blue primary button displayed on the page. Next you can
We are successfully running antd components now, go build your own application!
## Use the Pages Router of Next.js
## Using Pages Router
If you are using the Pages Router in Next.js and using antd as your component library, to make the antd component library work better in your Next.js application and provide a better user experience, you can try using the following method to extract and inject antd's first-screen styles into HTML to avoid page flicker.
@ -155,7 +155,7 @@ export default Home;
For more detailed information, please refer to [with-nextjs-inline-style](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-inline-style).
## Using Next.js App Router
## Using App Router
If you are using the App Router in Next.js and using antd as your component library, to make the antd component library work better in your Next.js application and provide a better user experience, you can try using the following method to extract and inject antd's first-screen styles into HTML to avoid page flicker.

4
docs/react/use-with-next.zh-CN.md
View File

@ -51,7 +51,7 @@ export default Home;
我们现在已经把 antd 组件成功运行起来了，开始开发你的应用吧！
## 使用 Next.js 的 Pages Router
## 使用 Pages Router
如果你在 Next.js 当中使用了 Pages Router, 并使用 antd 作为页面组件库，为了让 antd 组件库在你的 Next.js 应用中能够更好的工作，提供更好的用户体验，你可以尝试使用下面的方式将 antd 首屏样式按需抽离并植入到 HTML 中，以避免页面闪动的情况。
@ -155,7 +155,7 @@ export default Home;
更多详细的细节可以参考 [with-nextjs-inline-style](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-inline-style)。
## 使用 Next.js 的 App Router
## 使用 App Router
如果你在 Next.js 当中使用了 App Router, 并使用 antd 作为页面组件库，为了让 antd 组件库在你的 Next.js 应用中能够更好的工作，提供更好的用户体验，你可以尝试使用下面的方式将 antd 首屏样式按需抽离并植入到 HTML 中，以避免页面闪动的情况。