add "force-static" + use Promise params for interace

opengovsg · Nov 6, 2024 · c151c70 · c151c70
1 parent 514338c
commit c151c70
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 12 deletions.
diff --git a/tooling/template/app/[[...permalink]]/page.tsx b/tooling/template/app/[[...permalink]]/page.tsx
@@ -12,11 +12,13 @@ import {
   RenderEngine,
 } from "@opengovsg/isomer-components"
 
+export const dynamic = "force-static"
+
 const INDEX_PAGE_PERMALINK = "_index"
 interface DynamicPageProps {
-  params: {
-    permalink?: string[]
-  }
+  params: Promise<{
+    permalink: string[]
+  }>
 }
 
 const timeNow = new Date()
@@ -27,9 +29,8 @@ const lastUpdated =
   " " +
   timeNow.getFullYear()
 
-const getSchema = async (
-  permalink: DynamicPageProps["params"]["permalink"],
-) => {
+const getSchema = async (paramsPromise: DynamicPageProps) => {
+  const { permalink } = await paramsPromise.params
   const joinedPermalink = !!permalink ? permalink.join("/") : ""
 
   const schema = (await import(`@/schema/${joinedPermalink}.json`)
@@ -72,11 +73,10 @@ export const generateStaticParams = () => {
 }
 
 export const generateMetadata = async (
-  { params }: DynamicPageProps,
+  props: DynamicPageProps,
   _parent: ResolvingMetadata,
 ): Promise<Metadata> => {
-  const { permalink } = params
-  const schema = await getSchema(permalink)
+  const schema = await getSchema(props)
   schema.site = {
     ...config.site,
     environment: process.env.NEXT_PUBLIC_ISOMER_NEXT_ENVIRONMENT,
@@ -93,9 +93,8 @@ export const generateMetadata = async (
   return getMetadata(schema)
 }
 
-const Page = async ({ params }: DynamicPageProps) => {
-  const { permalink } = params
-  const renderSchema = await getSchema(permalink)
+const Page = async (props: DynamicPageProps) => {
+  const renderSchema = await getSchema(props)
 
   return (
     <RenderEngine

diff --git a/tooling/template/app/layout.tsx b/tooling/template/app/layout.tsx
@@ -4,6 +4,8 @@ import "@/styles/globals.css"
 
 import type { Metadata } from "next"
 
+export const dynamic = "force-static"
+
 export const metadata: Metadata = {
   title: {
     template: "%s | " + config.site.siteName,

diff --git a/tooling/template/app/not-found.tsx b/tooling/template/app/not-found.tsx
@@ -8,6 +8,8 @@ import navbar from "@/data/navbar.json"
 import sitemap from "@/sitemap.json"
 import { getMetadata, RenderEngine } from "@opengovsg/isomer-components"
 
+export const dynamic = "force-static"
+
 const PAGE_TITLE = "404: Page not found"
 const PAGE_DESCRIPTION = "The page that you are accessing does not exist"
 const PAGE_SCHEMA_VERSION = "0.1.0"

diff --git a/tooling/template/app/robots.ts b/tooling/template/app/robots.ts
@@ -5,6 +5,8 @@ import navbar from "@/data/navbar.json"
 import sitemap from "@/sitemap.json"
 import { getRobotsTxt } from "@opengovsg/isomer-components"
 
+export const dynamic = "force-static"
+
 const timeNow = new Date()
 const lastUpdated =
   timeNow.getDate().toString().padStart(2, "0") +

diff --git a/tooling/template/app/sitemap.ts b/tooling/template/app/sitemap.ts
@@ -3,6 +3,8 @@ import config from "@/data/config.json"
 import sitemapJson from "@/sitemap.json"
 import { getSitemapXml } from "@opengovsg/isomer-components"
 
+export const dynamic = "force-static"
+
 export default function sitemap(): MetadataRoute.Sitemap {
   // TODO: fixup all the typing errors
   // @ts-expect-error to fix when types are proper