/Fifi-NextJS-ANT-Design-Redux-Styled-JSX-with-SCSS

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

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

fifi

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

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