1.0.4 • Published 5 years ago
jso-react-static-website v1.0.4
React Static Website Generator
Really simple static site generator based on React without ES6. It uses server side rendering to build the pages.
Features
- 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
How to install?
cd my-website-folder
npx jso-react-static-website build
npm install
How to use?
- 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.
How to pass general website data to 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.
Where to add CSS?
- 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
Where to add client side JavaScript?
- It's located at /src/js/client
- The output file is /dist/js/website.min.js and it's already minified using UglifyJS.
Where should I add my images and other assets?
- Any assets should be placed at /assets folder
- They automatically copied to the destination folder /dist
License
The project is free for use under the MIT license