React-Static

A progressive static-site framework for React!

#3 Product of the DayOctober 07, 2017

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!

Reviews

  • 227173
    PengFounder, PSD Wizard
    Pros: 

    blazing fast site performance

    Cons: 

    learning curve for react starters

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

    Peng has used this product for one month.
  • 981641
    Tatyana RomanovaCopywriter, Singree
    Pros: 

    great app

    Cons: 

    none

    coooll app

    Tatyana Romanova has never used this product.

Discussion

You need to become a Contributor to join the discussion - Find out how.
951926
Michael Lukaszczyk@m_lukaszczyk · Co-Founder at GraphCMS
Good job! How does it compare to Gatsby?
889023
EmbedAPI@embed_api · CEO @ EmbedAPI.com Embed Anything
@m_lukaszczyk React components?
600146
Norbert Dragán@norbertdragan · Product Designer @ Wander
@m_lukaszczyk their medium article compares it to Gatsby (and others): https://medium.com/@tannerlinsle...
951926
Michael Lukaszczyk@m_lukaszczyk · Co-Founder at GraphCMS
@embed_api Gatsby is also based on React.
951926
Michael Lukaszczyk@m_lukaszczyk · Co-Founder at GraphCMS
@tannerlinsley @norbertdragan Thx. Will take a look!
889023
EmbedAPI@embed_api · CEO @ EmbedAPI.com Embed Anything
@m_lukaszczyk sorry then I ihaven't used gatsby much that's is why...
800996
Burak Tokak@buraktokak · Web Developer
Hey makers, great job, what is the key differences of this static generator with phenomic, gatsby or similar other projects?
445489
Derek PerkinsMaker@derekperkins · CEO of Nozzle
@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.
534987
Cristian@icyflame
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.
445489
Derek PerkinsMaker@derekperkins · CEO of Nozzle
@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.
227173
Peng@psdwizard · Founder, PSD Wizard
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