import * as React from "react" import { Link } from "gatsby" import Layout from "../components/layout" import Seo from "../components/seo" const UsingSSR = ({ serverData }) => { return (

This page is rendered server-side

This page is rendered server side every time the page is requested. Reload it to see a(nother) random photo from{" "} dog.ceo/api/breed/shiba/images/random:

A random dog

To learn more, head over to our{" "} documentation about Server Side Rendering .

Go back to the homepage
) } export const Head = () => export default UsingSSR export async function getServerData() { try { const res = await fetch(`https://dog.ceo/api/breed/shiba/images/random`) if (!res.ok) { throw new Error(`Response failed`) } return { props: await res.json(), } } catch (error) { return { status: 500, headers: {}, props: {}, } } }