nodebotanist/gatsby-partial-hydration-starter

Example on how to implement partial hydration in Gatsby

Gatsby's Partial Hydration starter (V5 Beta)

Example project for the ongoing RFC: Partial Hydration.

It's part of Gatsby 5, visit the Gatsby 5 Umbrella Discussion.

🚀 Quick start

1. Clone this Gatsby site.

   Clone this repository directly (Note: If you use the gatsby-cli new command, it will fail on npm install. This can be remedied-- skip to Install Dependencies step.)

   git clone https://github.com/gatsbyjs/gatsby-partial-hydration-starter

2. Install Dependencies

   We need to cd into the project directory and run npm install with an option:

   cd gatsby-partial-hydration-starter
   npm install --legacy-peer-deps

3. Start developing.

   Start up the development server.

   gatsby develop

4. Open the source code and start editing!

   Your site is now running at http://localhost:8000!

   Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby Tutorial.

   Open the partial-hydration-starter directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

🚀 Quick start (Gatsby Cloud)

Deploy this starter with one click on Gatsby Cloud:

💫 Deploy

Build, Deploy, and Host On The Only Cloud Built For Gatsby

Gatsby Cloud is an end-to-end cloud platform specifically built for the Gatsby framework that combines a modern developer experience with an optimized, global edge network.