terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity
next.js/examples/with-ant-design-less
History
luffyZhou 8ed7795495 update && optimize with-ant-design-less example (#5658) 
Current with-ant-design-less example has some problems.

- Upgrade next7, console found a 404 error.
![](https://user-gold-cdn.xitu.io/2018/11/11/167015fb80017e79?w=2606&h=1000&f=jpeg&s=124801)
  > After upgrade next7, .next folder didn't find /static/style.css and there is /static/css/style.chunk.css.
- The /_next/static/style.css link don't need be placed in the <Head> tag. The style.chunk.css file will be add in the head tag automatically after build.
- The project with more pages include _app.js, _document.js...the antd-custom.less will not work well.
  > The solution is use `modifyVars` of  `lessLoaderOptions`. It work well in my project~
2018-11-11 18:09:30 +01:00
..
asserts update && optimize with-ant-design-less example (#5658) 2018-11-11 18:09:30 +01:00
pages Added example for Ant Design with LESS (#4520) 2018-06-07 13:14:27 +02:00
.babelrc Fix for with-ant-design-less for next7.0 (#5263) 2018-09-24 00:03:38 +02:00
index.js update && optimize with-ant-design-less example (#5658) 2018-11-11 18:09:30 +01:00
next.config.js update && optimize with-ant-design-less example (#5658) 2018-11-11 18:09:30 +01:00
package.json update && optimize with-ant-design-less example (#5658) 2018-11-11 18:09:30 +01:00
README.md #4751 - Explicitly mention install when cloning examples (#4758) 2018-07-11 23:56:15 +02:00

README.md

Deploy to now

Ant Design example

How to use

Using create-next-app

Execute create-next-app with Yarn or npx to bootstrap the example:

npx create-next-app --example with-ant-design-less with-ant-design-app
# or
yarn create next-app --example with-ant-design-less with-ant-design-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-ant-design-less
cd with-ant-design-less

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with now (download)

now

The idea behind the example

This example shows how to use Next.js along with Ant Design of React. This is intended to show the integration of this UI toolkit with the Framework.