Gatsby の DSG を Fastly で実現する

export async function getServerData(context) {
  return {
    status: 200, // The HTTP status code that should be returned
    props: {}, // Will be passed to the page component as "serverData" prop
    headers: {}, // HTTP response headers for this page
  };
}

export async function getServerData(context) {
  const timestr = new Date().toISOString();
  return {
    status: 200, // The HTTP status code that should be returned
    props: { timestr }, // Will be passed to the page component as "serverData" prop
    headers: {
      "Cache-Control": "public, max-age=10",
    }, // HTTP response headers for this page
  };
}

import React from "react";
import { graphql } from "gatsby";
export default function Template({
  data, // this prop will be injected by the GraphQL query below.,
  serverData,
}) {
  const { markdownRemark } = data; // data.markdownRemark holds your post data
  const { html } = markdownRemark;
  const { timestr } = serverData;
  return <div className="blog-post-container">build time: {timestr}</div>;
}

export async function config() {
  return (props) => {
    return {
      defer: true,
    };
  };
}

FROM node:16

WORKDIR /home/node/app

COPY . /home/node/app

RUN npm install

RUN npm run build

EXPOSE 8080

CMD ["npm", "run", "serve"]

steps:
  - name: "gcr.io/cloud-builders/docker"
    args:
      [
        "build",
        "-t",
        "gcr.io/$PROJECT_ID/dsg:$COMMIT_SHA",
        "--cache-from",
        "gcr.io/PROJECT_ID/dsg:latest",
        ".",
      ]
    timeout: 1200s
  - name: "gcr.io/cloud-builders/docker"
    args: ["push", "gcr.io/$PROJECT_ID/dsg:$COMMIT_SHA"]
    timeout: 1200s
  - name: "gcr.io/google.com/cloudsdktool/cloud-sdk"
    entrypoint: gcloud
    args:
      - "run"
      - "deploy"
      - "dsg"
      - "--image"
      - "gcr.io/$PROJECT_ID/dsg:$COMMIT_SHA"
      - "--region"
      - "asia-northeast1"
      - "--platform"
      - "managed"
      - "--port"
      - "8080"
    timeout: 1200s
images:
  - "gcr.io/$PROJECT_ID/dsg:$COMMIT_SHA"
timeout: 2400s