flox1an / fifi-nextjs-ant-design-redux-styled-jsx-with-scss

Boilerplate with Next JS + ANT Design + Redux + Styled JSX with SCSS

fifi

A boilerplate with NextJS + ANT Design + Styled JSX with SCSS

DEMO

With a lot of research and experimentation NextJS is the best framework to work with React JS ( Server side rendering + Code Splitting ) and better performance.

whereas working with React Starter Kit doesn't give better output for production ( like Code Splitting ) ( please share if you know how to do it ).

What it has

• SCSS direct import to your components ( see about page for example )
• Seperate SCSS files
• Integrate ANT design
• Express JS
• Code Compression ( Extreme performance )
• SEO from NEXT SEO

Many other UI frameworks like Grommet, Materialise CSS etc are doing a good job. I see ANT Design is much more sophisticated.

How

1. Development npm run dev
2. Build & Run npm run build && npm run start

Doc

1. ANT Design imports optimisation ( to reduce build size )

import { DatePicker, Avatar, Badge } from 'antd';

Extra

If you are looking something for production like project

• React Universally has "Now" based deployments, but doesn't have UI framework
• Thanks Mars nextjs deployment