React Static Boilerplate screenshot

React Static Boilerplate

Author Avatar Theme by Iansinnott
Updated: 25 Mar 2021
107 Stars

A boilerplate for building static sites with Webpack 2, React and React Router

Overview:

The React Static Boilerplate is a project that is no longer being maintained. It was a boilerplate for building static sites using Webpack, React, and React Router. The project is no longer actively developed as the creator found that Gatsby can fulfill all the requirements and more.

Features:

  • Support for Webpack 2
  • Fully mocked client side environment
  • Improved dev server logging
  • Asset fingerprinting for long-term caching
  • Webpack-bundle-analyzer plugin for bundle size analysis

Installation:

To use the React Static Boilerplate, follow these steps:

  1. Clone the repository: git clone https://github.com/iansinnott/react-static-boilerplate my-static-site
  2. Navigate into the cloned directory: cd my-static-site && rm -rf .git
  3. Install the dependencies: npm install
  4. Start the development server: npm start
  5. Write your client-side application.
  6. Build the project for production: npm run build
  7. Deploy the generated static HTML files to your preferred hosting solution.
  8. Use pushstate-server to check the production build: npm install pushstate-server -g followed by pushstate-server build

Note: It is important to run npm run build and not npm build. The latter is a native NPM command that will exit silently.

Summary:

The React Static Boilerplate is a project that is no longer being actively developed. It provided a boilerplate for building static sites using Webpack, React, and React Router. The project has been discontinued as the creator found that Gatsby can offer more features and fulfill the original requirements. The React Static Boilerplate supported Webpack 2, had a fully mocked client side environment, improved dev server logging, asset fingerprinting for long-term caching, and included the webpack-bundle-analyzer plugin for bundle size analysis. To use the boilerplate, you would clone the repository, install the dependencies, start the development server, write your client-side application, build the project for production, and deploy the generated static HTML files to your preferred hosting solution.