Example ssr file

gatsby-ssr.js

import React from 'react'

export const onRenderBody = ({ setHeadComponents }) => {
  setHeadComponents([
    <link
      rel="preconnect"
      key="dns-prefetch-google-tag-manager"
      href="https://www.googletagmanager.com"
      as="script"
    />,
    // <link
    //   rel="preconnect"
    //   key="dns-prefetch-google-analytics"
    //   href="https://www.google-analytics.com"
    //   as="script"
    // />,
    // <link
    //   rel="preconnect"
    //   key="dns-prefetch-connect-facebook"
    //   href="https://connect.facebook.net"
    //   as="script"
    // />,
    <link
      rel="preload"
      key="preload-montserrat-latin-900"
      href="/static/montserrat-latin-900-normal-5e6b59a51e388dd68ca93baf18dfa064.woff2"
      as="font"
      type="font/woff2"
      crossOrigin="anonymous"
    />,
    <link
      rel="preload"
      key="preload-montserrat-latin-700"
      href="/static/montserrat-latin-700-normal-686bda13a6c973520c205d18ad0c404d.woff2"
      as="font"
      type="font/woff2"
      crossOrigin="anonymous"
    />,
    <link
      rel="preload"
      key="preload-raleway-latin-400"
      href="/static/raleway-latin-400-normal-d0033942a11996c403809bb1cb7ce49b.woff2"
      as="font"
      type="font/woff2"
      crossOrigin="anonymous"
    />,
    <link
      rel="preload"
      key="preload-raleway-latin-500"
      href="/static/raleway-latin-500-normal-86050dec57a4fdafb363cd4a08213a2f.woff2"
      as="font"
      type="font/woff2"
      crossOrigin="anonymous"
    />,
    <link
      rel="preload"
      key="preload-raleway-latin-700"
      href="/static/raleway-latin-700-normal-368328471c9cb6626306f1d83dd041f1.woff2"
      as="font"
      type="font/woff2"
      crossOrigin="anonymous"
    />,
  ])
}