You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1 lines
3.5 KiB

"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[230],{669216:function(r,i,e){e.r(i);var m=e(502143),v=e(968521),E=e(720719),h=e(28840),a=e(759907),Z=e(828089),g=e(825673),P=e(902068),x=e(574399),D=e(863942),M=e(316073),O=e(24628),T=e(719260),p=e(956140),C=e(127179),I=e(905388),A=e(40428),R=e(606965),L=e(268696),l=e(587302),t=e(424128),B=e(249706),U=e(795127),W=e(116846),K=e(212039),c=e(73024),f=e(553913),s=e(606641),d=e(667294),_=e(370917);function u(){var o=(0,s.eL)(),n=o.texts;return(0,_.tZ)(s.dY,null,(0,_.tZ)(d.Fragment,null,(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,(0,_.tZ)(t.Z,{href:"https://nextjs.org/",sourceType:"a"},n[0].value),n[1].value,(0,_.tZ)("code",null,n[2].value),n[3].value),(0,_.tZ)("h2",{id:"install-and-initialization"},(0,_.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#install-and-initialization",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Install and Initialization"),(0,_.tZ)("p",null,n[4].value,(0,_.tZ)(t.Z,{href:"https://github.com/yarnpkg/yarn/",sourceType:"a"},n[5].value),n[6].value,(0,_.tZ)(t.Z,{href:"https://pnpm.io/",sourceType:"a"},n[7].value),n[8].value)),(0,_.tZ)(l.Z,{npm:"$ npx create-next-app antd-demo",yarn:"$ yarn create next-app antd-demo",pnpm:"$ pnpm create next-app antd-demo"}),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,n[9].value),(0,_.tZ)("p",null,n[10].value),(0,_.tZ)(a.Z,{lang:"bash"},n[11].value),(0,_.tZ)("p",null,n[12].value,(0,_.tZ)(t.Z,{href:"http://localhost:3000/",sourceType:"a"},n[13].value),n[14].value),(0,_.tZ)("h2",{id:"import-antd"},(0,_.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#import-antd",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Import antd"),(0,_.tZ)("p",null,n[15].value,(0,_.tZ)("code",null,n[16].value),n[17].value)),(0,_.tZ)(l.Z,{npm:"$ npm install antd --save",yarn:"$ yarn add antd",pnpm:"$ pnpm install antd --save"}),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,n[18].value,(0,_.tZ)("code",null,n[19].value),n[20].value,(0,_.tZ)("code",null,n[21].value),n[22].value),(0,_.tZ)(a.Z,{lang:"jsx"},n[23].value),(0,_.tZ)("p",null,n[24].value,(0,_.tZ)("code",null,n[25].value),n[26].value,(0,_.tZ)("code",null,n[27].value),n[28].value,(0,_.tZ)(t.Z,{href:"https://nextjs.org/",sourceType:"a"},n[29].value),n[30].value),(0,_.tZ)("p",null,n[31].value),(0,_.tZ)("h2",{id:"using-nextjs-app-router"},(0,_.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#using-nextjs-app-router",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Using Next.js App Router"),(0,_.tZ)("p",null,n[32].value),(0,_.tZ)("ol",null,(0,_.tZ)("li",null,n[33].value,(0,_.tZ)("code",null,n[34].value)))),(0,_.tZ)(l.Z,{npm:"$ npm install @ant-design/cssinjs --save",yarn:"$ yarn add @ant-design/cssinjs",pnpm:"$ pnpm install @ant-design/cssinjs --save"}),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("ol",{start:"2"},(0,_.tZ)("li",null,n[35].value,(0,_.tZ)("code",null,n[36].value))),(0,_.tZ)(a.Z,{lang:"tsx"},n[37].value),(0,_.tZ)("ol",{start:"3"},(0,_.tZ)("li",null,n[38].value,(0,_.tZ)("code",null,n[39].value))),(0,_.tZ)(a.Z,{lang:"tsx"},n[40].value),(0,_.tZ)("ol",{start:"4"},(0,_.tZ)("li",null,n[41].value,(0,_.tZ)("code",null,n[42].value))),(0,_.tZ)(a.Z,{lang:"ts"},n[43].value),(0,_.tZ)("ol",{start:"5"},(0,_.tZ)("li",null,n[44].value)),(0,_.tZ)(a.Z,{lang:"tsx"},n[45].value),(0,_.tZ)("p",null,n[46].value,(0,_.tZ)(t.Z,{href:"https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-app-router-inline-style",sourceType:"a"},n[47].value),n[48].value))))}i.default=u}}]);