kylepeeler/transact-v2-semantic

nextjs+formantic-ui config

nextjs-semantic

Next.js + Semantic UI Fomantic-UI + Styled Components

Notice

Since version 2.0.0 (of this package), Semantic UI was replaced by Fomantic-UI.

Current Versions

• Next.js 10.0
• React 17.0
• Fomantic-UI 2.8
• Styled Components 5.2

Setup

1. clone repo
2. npm install
3. npm run semantic:build
4. npm run dev

Semantic UI React

• Installed and used by default.
• Using React components is recommended.
• Read docs: https://react.semantic-ui.com/

Semantic UI

• 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

Why switching to Fomantic-UI?

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, get release 1.1.0

Deploy to Vercel

Just run vercel on project dir.