mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00

History

Adrian Li 6ef7625ba6 Update example: Semantic-UI (#4815 ) The existing example currently does not work because of outdated usage patterns. This PR seeks to update these patterns to the latest recommended best practice while bumping versions. # Summary - Bumped version numbers in `package.json`; - Moved `<link />` tag from `pages/index.js` to `pages/_document.js` as is [recommended](https://github.com/zeit/next-plugins/tree/master/packages/next-css#usage); - Replace individual css/font imports with import of minified CSS as is [recommended](https://react.semantic-ui.com/usage#semantic-ui-css-package); - Removed prop (no longer used) from `<List />` element.		2018-07-21 12:42:38 +02:00
..
pages	Update example: Semantic-UI (#4815 )	2018-07-21 12:42:38 +02:00
next.config.js	Changed code to use the new css & asset imports instead of loading the whole lib from CDN (#3884 )	2018-02-25 18:57:20 +01:00
package.json	Update example: Semantic-UI (#4815 )	2018-07-21 12:42:38 +02:00
README.md	#4751 - Explicitly mention install when cloning examples (#4758 )	2018-07-11 23:56:15 +02:00

README.md

Semantic UI 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-semantic-ui with-semantic-ui-app
# or
yarn create next-app --example with-semantic-ui with-semantic-ui-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-semantic-ui
cd with-semantic-ui

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 Semantic UI React including handling of external styles and assets. This is intended to show the integration of this UI toolkit with the Framework.