Next.js +
Semantic UIFomantic-UI + Styled Components
Since version 2.0.0, Semantic UI was replaced by Fomantic-UI.
- clone repo
npm install
npm run semantic:build
npm run dev
- Installed and used by default.
- Using React components is recommended.
- Read docs: https://react.semantic-ui.com/
- you can remove components to reduce css size on
semantic.json
.semantic
folder includes source file, from here it's possible to customize default theme- change default Google font (Lato) on
.semantic/src/themes/default/globals/site.variables
- run
npm run semantic:watch
to watch for changes while customizing theme
Here are some reasons for the change:
- Semantic UI requires Node 10
- Fomantic-UI is actively developed
- Adds more components
- Fixes several security vulnerabilities
If you still want to use Semantic UI, switch to v1.1.0
branch.
Just run now
on project dir.