React-Static

React-Static

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!
React-Static gallery image
React-Static gallery image
React-Static gallery image
Launch tags:Web AppDeveloper Tools
Launch Team
Intercom
Intercom
Startups get 90% off Intercom + 1 year of Fin AI Agent free
Promoted

What do you think? …

Michael Lukaszczyk
Good job! How does it compare to Gatsby?
EmbedAPI
@m_lukaszczyk React components?
Norbert Dragán
@m_lukaszczyk their medium article compares it to Gatsby (and others): https://medium.com/@tannerlinsle...
Michael Lukaszczyk
@embed_api Gatsby is also based on React.
Michael Lukaszczyk
@tannerlinsley @norbertdragan Thx. Will take a look!
EmbedAPI
@m_lukaszczyk sorry then I ihaven't used gatsby much that's is why...
Gary Menzel

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

Burak Tokak
Hey makers, great job, what is the key differences of this static generator with phenomic, gatsby or similar other projects?
Derek Perkins
@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.
Cristian
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.
Derek Perkins
@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.
Peng
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
Peng

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