diff --git a/pages/articles/[...slug].js b/pages/articles/[...slug].js
index 94cecdb..563eab8 100644
--- a/pages/articles/[...slug].js
+++ b/pages/articles/[...slug].js
@@ -47,7 +47,7 @@ export default function Home({ article, hrefLang }) {
   );
 }
 
-export async function getStaticPaths(context) {
+export async function getServerSidePaths(context) {
   const multiLanguage = isMultiLanguage(context.locales);
   // TODO - locale increases the complexity enough here that creating a usePaths
   // hook would be a good idea.
@@ -92,7 +92,7 @@ export async function getStaticPaths(context) {
   };
 }
 
-export async function getStaticProps(context) {
+export async function getServerSideProps(context) {
   const multiLanguage = isMultiLanguage(context.locales);
   // TODO - determine apiBase from environment variables
   const store = new DrupalState({
@@ -184,11 +184,18 @@ export async function getStaticProps(context) {
     });
   });
 
+  context.res.setHeader(
+    'Cache-Control',
+    'public, s-maxage=10, stale-while-revalidate=6000'
+  );
+
   return {
     props: {
       article,
       hrefLang,
-      revalidate: 60,
+      //
+      // I'm not sure if this property does anything for SSR.
+      revalidate: 5,
     },
   };
 }
diff --git a/pages/recipes/[...slug].js b/pages/recipes/[...slug].js
deleted file mode 100644
index 39c6f7b..0000000
--- a/pages/recipes/[...slug].js
+++ /dev/null
@@ -1,196 +0,0 @@
-import Image from "next/image";
-import Link from "next/link";
-import { NextSeo } from "next-seo";
-import { isMultiLanguage } from "../../lib/isMultiLanguage";
-import { DrupalState } from "@pantheon-systems/drupal-kit";
-import Layout from "../../components/layout";
-
-import { DRUPAL_URL, IMAGE_URL } from "../../lib/constants.js";
-
-export default function Recipe({ recipe, hrefLang }) {
-  const imgSrc = recipe.field_media_image?.field_media_image?.uri?.url || "";
-
-  return (
-    <Layout>
-      <NextSeo
-        title="Decoupled Next Drupal Demo"
-        description="Generated by create next app."
-        languageAlternates={hrefLang || false}
-      />
-      <article className="prose lg:prose-xl mt-10 mx-auto h-fit p-4 sm:p-0">
-        <header>
-          <h1>{recipe.title}</h1>
-          <div className="flex flex-row justify-between">
-            <Link passHref href="/recipes">
-              <a className="font-normal">Recipes &rarr;</a>
-            </Link>
-            <span className="text pb-2 pr-3 text-sm text-slate-400">
-              {recipe.field_recipe_category[0].name}
-            </span>
-          </div>
-        </header>
-        {imgSrc ? (
-          <div className="relative max-w-lg mx-auto min-w-full h-[50vh] rounded-lg shadow-lg overflow-hidden mt-12 mb-10">
-            <Image
-              src={IMAGE_URL + imgSrc}
-              layout="fill"
-              objectFit="cover"
-              alt={recipe.title}
-            />
-          </div>
-        ) : null}
-
-        <div className="flex flex-col sm:flex-row">
-          <section className="flex flex-col min-w-fit sm:border-r-2 pr-4">
-            <h2>Ingredients</h2>
-            <ul>
-              {recipe.field_ingredients?.map((ingredient, i) => {
-                if (ingredient.startsWith("For")) {
-                  return (
-                    <li className="list-none" key={i}>
-                      <strong>{ingredient}</strong>
-                    </li>
-                  );
-                } else {
-                  return <li key={i}>{ingredient}</li>;
-                }
-              })}
-            </ul>
-          </section>
-          <section className="flex flex-col pl-4">
-            <h2 className="ml-4">Directions</h2>
-            <div
-              dangerouslySetInnerHTML={{
-                __html: recipe.field_recipe_instruction.value,
-              }}
-            />
-          </section>
-        </div>
-      </article>
-    </Layout>
-  );
-}
-
-export async function getStaticPaths(context) {
-  const { locales } = context;
-  const multiLanguage = isMultiLanguage(context.locales);
-  // TODO - locale increases the complexity enough here that creating a usePaths
-  // hook would be a good idea.
-  // Get paths for each locale.
-  const pathsByLocale = locales.map(async (locale) => {
-    const store = new DrupalState({
-      apiBase: DRUPAL_URL,
-      defaultLocale: multiLanguage ? locale : "",
-    });
-
-    const recipes = await store.getObject({
-      objectName: "node--recipe",
-      query: `
-        {
-          id
-          path {
-            alias
-          }
-        }
-      `,
-    });
-
-    return recipes.map((recipe) => {
-      const match = recipe.path.alias.match(/^\/recipes\/(.*)$/);
-      const slug = match[1];
-
-      return { params: { slug: [slug] }, locale: locale };
-    });
-  });
-
-  // Resolve all promises returned as part of pathsByLocale.
-  const paths = await Promise.all(pathsByLocale).then((values) => {
-    // Flatten the array of arrays into a single array.
-    return [].concat(...values);
-  });
-
-  return {
-    paths,
-    fallback: false,
-  };
-}
-
-export async function getStaticProps(context) {
-  const { locales, locale } = context;
-  const multiLanguage = isMultiLanguage(locales);
-
-  const store = new DrupalState({
-    apiBase: DRUPAL_URL,
-    defaultLocale: multiLanguage ? locale : "",
-  });
-  store.params.addInclude([
-    "field_media_image.field_media_image",
-    "field_recipe_category",
-  ]);
-  const slug = `/recipes/${context.params.slug[0]}`;
-  try {
-    const recipe = await store.getObjectByPath({
-      objectName: "node--recipe",
-      path: `${multiLanguage ? locale : ""}${slug}`,
-      query: `{
-        id
-        title
-        field_ingredients
-        field_recipe_instruction
-        field_summary
-        field_media_image
-        field_recipe_category {
-          name
-        }
-        path {
-          alias
-        }
-      }`,
-    });
-
-    if (!recipe) {
-      throw new Error(
-        "No recipe returned. Make sure the objectName and store.params are valid!: ",
-        error
-      );
-    }
-
-    const origin = process.env.NEXT_PUBLIC_FRONTEND_URL;
-    // Load all the paths for the current recipe.
-    const paths = locales.map(async (locale) => {
-      const storeByLocales = new DrupalState({
-        apiBase: DRUPAL_URL,
-        defaultLocale: multiLanguage ? locale : "",
-      });
-      const { path } = await storeByLocales.getObject({
-        objectName: "node--recipe",
-        id: recipe.id,
-      });
-      return path;
-    });
-
-    // Resolve all promises returned as part of paths
-    // and prepare hrefLang.
-    const hrefLang = await Promise.all(paths).then((values) => {
-      return values.map((value) => {
-        return {
-          hrefLang: value.langcode,
-          href: origin + "/" + value.langcode + value.alias,
-        };
-      });
-    });
-
-    return {
-      props: {
-        recipe,
-        hrefLang,
-        revalidate: 60,
-      },
-    };
-  } catch (error) {
-    console.error("Unable to fetch recipe: ", error);
-    return {
-      props: {},
-    };
-  }
-}
diff --git a/pages/recipes/index.js b/pages/recipes/index.js
deleted file mode 100644
index 96fbc7e..0000000
--- a/pages/recipes/index.js
+++ /dev/null
@@ -1,144 +0,0 @@
-import Image from "next/image";
-import Link from "next/link";
-import { NextSeo } from "next-seo";
-import { DrupalState } from "@pantheon-systems/drupal-kit";
-import { isMultiLanguage } from "../../lib/isMultiLanguage";
-import Layout from "../../components/layout";
-import { DRUPAL_URL, IMAGE_URL } from "../../lib/constants.js";
-
-export default function Recipes({ recipes, hrefLang }) {
-  function RecipesList() {
-    return (
-      <section>
-        {recipes ? (
-          <div className="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-screen-lg">
-            {recipes?.map(
-              ({
-                id,
-                title,
-                field_media_image,
-                field_recipe_category,
-                path,
-              }) => {
-                const imgSrc =
-                  field_media_image?.field_media_image?.uri?.url || "";
-                return (
-                  <Link
-                    passHref
-                    href={`/${path.langcode}${path.alias}`}
-                    key={id}
-                  >
-                    <a>
-                      <div className="flex flex-col rounded-lg shadow-lg overflow-hidden cursor-pointer border-2 hover:border-indigo-500">
-                        <div className="flex-shrink-0 relative h-40">
-                          {imgSrc !== "" ? (
-                            <Image
-                              src={IMAGE_URL + imgSrc}
-                              layout="fill"
-                              objectFit="cover"
-                              alt={
-                                field_media_image?.field_media_image
-                                  ?.resourceIdObjMeta?.alt ||
-                                field_media_image.field_media_image.filename
-                              }
-                            />
-                          ) : (
-                            <div className="bg-black">
-                              <Image
-                                src="/pantheon.png"
-                                alt="Pantheon Logo"
-                                width={324}
-                                height={160}
-                              />
-                            </div>
-                          )}
-                        </div>
-                        <h2 className="my-4 mx-6 text-xl leading-7 font-semibold text-gray-900">
-                          {title} &rarr;
-                        </h2>
-                        <span className="text-right pb-2 pr-3 text-sm text-slate-400">
-                          {field_recipe_category[0].name}
-                        </span>
-                      </div>
-                    </a>
-                  </Link>
-                );
-              }
-            )}
-          </div>
-        ) : (
-          <h2 className="text-xl text-center mt-14">No recipes found 🏜</h2>
-        )}
-      </section>
-    );
-  }
-  return (
-    <Layout>
-      <NextSeo
-        title="Decoupled Next Drupal Demo"
-        description="Generated by create next app."
-        languageAlternates={hrefLang || false}
-      />
-      <header className="prose text-2xl mx-auto mt-20">
-        <h1 className="text-center mx-auto">Recipes</h1>
-      </header>
-      <RecipesList />
-    </Layout>
-  );
-}
-
-export async function getStaticProps(context) {
-  const origin = process.env.NEXT_PUBLIC_FRONTEND_URL;
-  const { locales, locale } = context;
-  const multiLanguage = isMultiLanguage(locales);
-
-  const hrefLang = locales.map((locale) => {
-    return {
-      hrefLang: locale,
-      href: origin + "/" + locale,
-    };
-  });
-
-  const store = new DrupalState({
-    apiBase: DRUPAL_URL,
-    defaultLocale: multiLanguage ? locale : "",
-  });
-
-  store.params.addInclude([
-    "field_media_image.field_media_image",
-    "field_recipe_category",
-  ]);
-
-  try {
-    const recipes = await store.getObject({
-      objectName: "node--recipe",
-      query: `{
-        id
-        title
-        field_media_image
-        field_recipe_category
-        path
-      }`,
-    });
-
-    if (!recipes) {
-      throw new Error(
-        "No recipes returned. Make sure the objectName and store.params are valid!: ",
-        error
-      );
-    }
-
-    return {
-      props: {
-        recipes,
-        hrefLang,
-      },
-      revalidate: 60,
-    };
-  } catch (error) {
-    console.error("Unable to fetch recipes: ", error);
-    return {
-      props: {},
-    };
-  }
-}