Really simple static site generator based on React without ES6. It uses server side rendering to build the pages.
- No markdown, only react :) You are free to use any markup you need.
- Uses SASS preprocessor and autoprefixer for CSS, automatically minifies the CSS output.
- Minifies client side javascript using UglifyJS
- MIT licensed
cd my-website-folder
npx jso-react-static-website build
npm install
- Build the site using
npm run build - Run and go to http://localhost:3000 to see it
npm run site - The site output is located at /dist folder
- Go to /src/js/website-generator and edit or add your own react components.
Use /data/data.json file, every component has access to its content via props. For example websiteName property defined in /data/data.json can be accesses as this.props.websiteName in react components.
- It's located at /src/css
- The output file is /dist/css/styles.min.css and it's already minified using UglifyCSS
- SASS preprocessor is used to handle CSS
- All CSS go through Autoprefixer to add vendor prefixes if needed
- It's located at /src/js/client
- The output file is /dist/js/website.min.js and it's already minified using UglifyJS.
- Any assets should be placed at /assets folder
- They automatically copied to the destination folder /dist
The project is free for use under the MIT license
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent