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