https://github.com/ashinga48/fifi-nextjs-ant-design-redux-styled-jsx-with-scss
Boilerplate with Next JS + ANT Design + Redux + Styled JSX with SCSS
https://github.com/ashinga48/fifi-nextjs-ant-design-redux-styled-jsx-with-scss
Last synced: 2 months ago
JSON representation
Boilerplate with Next JS + ANT Design + Redux + Styled JSX with SCSS
- Host: GitHub
- URL: https://github.com/ashinga48/fifi-nextjs-ant-design-redux-styled-jsx-with-scss
- Owner: ashinga48
- License: gpl-3.0
- Created: 2018-03-07T05:36:36.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-01-11T04:42:16.000Z (over 6 years ago)
- Last Synced: 2025-01-27T06:18:44.879Z (4 months ago)
- Language: JavaScript
- Size: 228 KB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE
Awesome Lists containing this project
README
# **fifi**
A boilerplate with [NextJS](https://github.com/zeit/next.js/) + [ANT Design](ant.design) + [Styled JSX with SCSS](https://www.npmjs.com/package/@zeit/next-sass)
#### [DEMO](https://fifi-ashinga.herokuapp.com/)
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](https://github.com/kriasoft/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
- [x] SCSS direct import to your components ( see about page for example )
- [x] Seperate SCSS files
- [x] Integrate ANT design
- [x] Express JS
- [x] Code Compression ( Extreme performance )
- [x] SEO from [NEXT SEO](https://github.com/garmeeh/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](https://github.com/ctrlplusb/react-universally) has "Now" based deployments, but doesn't have UI framework
- Thanks [Mars](https://github.com/mars/heroku-nextjs) nextjs deployment