A progressive static site generator for React Sample in 2020

A progressive static site generator for React Sample in 2020


tutorials -

React Static

A progressive static-site generator for React.

React-Static is a fast, lightweight, and powerful framework for building static-progressive React applications and websites. It's been carefully designed to meet the highest standards of SEO, site performance, and user/developer experience.

Features

  • ⚛️ 100% React (or Preact!)
  • ???? Blazing fast builds and performance.
  • ???? Data Agnostic. Supply your site with data from anywhere, however you want.
  • ✂️ Automatic code and data splitting for routes!
  • ???? Instant page views via PRPL pattern.
  • ???? Built for SEO.
  • ???? React-first developer experience.
  • ???? Painless project setup & migration.
  • ???? Supports 100% of the React ecosystem. Including CSS-in-JS libraries, custom Query layers like GraphQL, and even Redux.
  • ???? Hot Reloadable out-of-the-box. Edit React components & styles in real-time.
  • ???? LAN accessible dev environment for testing on other devices like phones and tablets.

Quick Start

  1. Install the CLI:
$ yarn global add react-static
# or
$ npm install -g react-static
  1. Create a new project:
$ react-static create
  1. Pick a template!
  2. Navigate to your new project:
$ cd my-static-site
  1. Start the dev server and edit some code!
$ yarn start # or react-static start
  1. Test a production build
$ yarn stage # or react-static build --staging
$ yarn serve
  1. Build for production!
$ yarn build # or react-static build

GitHub

Trending On Tutorial Stuff

Our Sponsors

Top Applications in Tutorial Stuff

Top Experts In Tutorial Stuff