Gatsby: Does gatsby provides the option for using SSR?

[aviramga]

Hi!

I noticed you have the gatsby SSR module but Im having a hard time understanding how to use it. Is there an example somewhere?
Does it support React16? (and utilizes SSR specific methods like hydrate)

and can I make my app partly static and partly SSR?

Thank you!!!!

[sebastienfi]

Hi @aviramga
Gatsby is using React 15.6.2 atm but for sure soon the move to React 16 will be made.

There is a full set of examples in the documentation section : https://www.gatsbyjs.org/docs/
You can also look at the starters, and the source plugins, which - for most - contains an example site hosted on the repo.

About Hydrate, it doesn't seem like Gatsby is using it, but still covers many functionnalities of Hydrate.
See this :

• https://www.gatsbyjs.org/docs/prpl-pattern/
• https://www.gatsbyjs.org/packages/gatsby-link/

[aviramga]

Thanks @sebastienfi ! I cannot find an server side rendering example anywhere in the docs.....
Do you know if its possible to have the app both with static page and server side rendered pages?

[sebastienfi]

Gatsby is a static site generator :)

It is possible to do both using Gatsby, have a look at this https://github.com/gatsbyjs/gatsby/issues/2258

[KyleAMathews]

@sebastienfi he's referring to the new hydrate function in React 16.

You can start using React 16 with this plugin https://www.gatsbyjs.org/packages/gatsby-plugin-react-next/

The next major release of Gatsby will ship with React 16.

On static vs. dynamic — Gatsby is made with React so any page component can be dynamic as you want after loading in the client using AJAX calls, Redux, Apollo, etc.

You can also create client-only routes using React Router https://www.gatsbyjs.org/docs/creating-and-modifying-pages/#creating-client-only-routes

[aviramga]

Thanks for the answer @KyleAMathews ! Im asking about server side rendering in specific. I know Gatsby can be used to build SPA's but I want to be able to render dynamic content before page render. Is this possible? Thanks!

[KyleAMathews]

Try playing a bit with Gatsby :-)

https://www.gatsbyjs.org/docs/ & https://www.gatsbyjs.org/tutorial/