You are viewing the docs for v6 of React Static. You can browse all historical versions via Github branches!

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 static-site performance, and user/developer experience.

Features

⚛️ 100% React (and friends!)
🚀 Blazing fast builds and performance.
🚚 Data Agnostic. Supply your site with data from anywhere, however you want.
✂️ Automatic code and data splitting!
💥 Instant page views via PRPL pattern.
☔️ Progressive Enhancement + Graceful Fallbacks
🎯 SEO Friendly.
🥇 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.

Articles, Videos & Tutorials

Articles
- Introduction and Motivations behind React Static
- React Static v6!
Videos & Tutorials
- Quick Start with Styled Components (20 min)
- Introducing React-Static! How it works and why we built it! (80 min)
- Using React-Static to replace create-react-app (5 min)

Sites Built with React-Static

Quick Start

Install the CLI:

$ yarn global add react-static
# or
$ npm install -g react-static

Create a new project:

$ react-static create

Or use npx to create an app without global installing the CLI

npx react-static create --name=my-app

Pick a template! See the full list of templates
Navigate to your new project:

$ cd my-static-site

Start the dev server and edit some code!

$ yarn start # or react-static start

Test a production build

$ yarn stage # or react-static build --staging
$ yarn serve

Build for production!

$ yarn build # or react-static build

Once you've installed and test driven, you may want to:

Documentation

Plugins

For a list of supported plugins, view the Plugin documentation.

Templates and Guides

React Static ships with a few basic templates to you get you started quickly with react-static create, then provides in-depth guides for further enhancement. You can check them out here!

Can't find an guide? You should write one! Here's how to get started.

Support, Community & Chat

Need some help? Have a quick question? Click here to sign up for the React-Tools spectrum community! We are constantly answering questions, discussing features and helping each other out!

Contributing, Issues & Bugs

We are always looking for people to help us grow react-static's capabilities and examples. If you have found a bug, or have a feature request let us know!

License

React Static uses the MIT license. For more information on this license, click here.

License

JamesMessinger/react-static

ErrorLooks like something went wrong!

About

Resources

License

Code of conduct

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Languages

Error
Looks like something went wrong!

Packages