React-Static

A progressive static-site framework for React!

7 followers

A progressive static-site framework for React!

7 followers

React-Static is a next-gen static site generator for React. Finally, you can build a website like you do any other React App. There's no special CMS, query language, or crazy lifecycle hooks. Just good old React producing an amazing SEO-ready, user experience driven, progressively enhanced website. The effort is minimal, but the benefits are not!

Launch tags:Web App•Developer Tools

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

Hey makers, great job, what is the key differences of this static generator with phenomic, gatsby or similar other projects?

Report

9yr ago

Nozzle.io

Maker

@buraktokak Good question. As was mentioned, the linked Medium article (https://medium.com/@tannerlinsle...) goes into more detail. In short, you can spin up Create React App and be running, without having to conform to Gatsby design decisions. That's not to say that their opinions are bad/wrong, as forcing your data into a Gatsby store allows for them to do some magic on your behalf, but I'd rather write my app closer to pure React. The end result of Gatsby and React Static is similar. They both generate static html and both mount React after the first page load, allowing for a SPA-like experience. They both load just small data packages (js bundles for Gatsby, json data for React Static) on subsequent page loads, so they'll both have similar performance.

Report

9yr ago

Would I need to build the web app every time the content is changed in WordPress? If so, this tool would be butter suited for websites with fairly static content which rarely changes.

Report

9yr ago

Nozzle.io

Maker

@icyflame The whole build process only takes a minute or two and will run on a CI server, so that shouldn't be much of a concern. Even if you had a site with tens of thousands of pages, it still wouldn't take that long to deploy, and you could even set it up to only rebuild the parts that had changed. WordPress is essentially doing a page build on every single request, so once you've had a few dozen/hundred pageviews, you've already done more work than an entire new build.

Report

9yr ago

It has some interesting approaches to static site generation that morphs into a React site.

Pros:

Interesting features worth checking out

Cons:

Some more examples would be good

Report

9yr ago

You'll get a blazing fast website with react-static with SEO in mind. Best combo with Netlify CMS + Netlify hosting and you'll have a JAMstack. We've used this tech stack in our site: https://psdwizard.com

Report

8yr ago

used this tech many times in our own and client projects and never fail to deliver its promise

Pros:

blazing fast site performance

Cons:

learning curve for react starters

Report

8yr ago