perf: force most of pages to be static

Author: gregberge

app/blog/page.tsx

@@ -16,6 +16,8 @@ import {
 import { getArticles } from "@/lib/blog-api";
 import { getMetadata } from "@/lib/metadata";
 
+export const dynamic = "force-static";
+
 export const metadata: Metadata = getMetadata({
   title: "Updates from the Argos team",
   description: "All the latest Argos news, straight from the team.",

app/changelog/page.tsx

@@ -5,6 +5,8 @@ import { getMetadata } from "@/lib/metadata";
 
 import { Changelogs } from "./changelogs";
 
+export const dynamic = "force-static";
+
 export const metadata: Metadata = getMetadata({
   title: "Changelog",
   description: "New updates and improvements to Argos.",

app/not-found.tsx

@@ -2,6 +2,8 @@ import Link from "next/link";
 
 import { Button } from "@/components/Button";
 
+export const dynamic = "force-static";
+
 export default function NotFound() {
   return (
     <>

app/page.tsx

@@ -16,6 +16,8 @@ import { Users } from "./home/users/Users";
 import { VisualTesting } from "./home/visual-testing/VisualTesting";
 import { Why } from "./home/why/Why";
 
+export const dynamic = "force-static";
+
 export const metadata: Metadata = getMetadata({
   absoluteTitle: "Argos — Visual Testing for developers",
   description:

app/playwright/page.tsx

@@ -1,7 +1,6 @@
-import { GetServerSideProps, Metadata } from "next";
+import { Metadata } from "next";
 
 import { getMetadata } from "@/lib/metadata";
-import { highlight } from "@/lib/shiki";
 
 import { Faq } from "./faq/Faq";
 import { GetStarted } from "./get-started/GetStarted";
@@ -10,6 +9,8 @@ import { TestDebugging } from "./test-debugging/TestDebugging";
 import { Video } from "./video/Video";
 import { VisualTesting } from "./visual-testing/VisualTesting";
 
+export const dynamic = "force-static";
+
 export const metadata: Metadata = getMetadata({
   absoluteTitle: "Supercharge your Playwright Tests with Argos",
   description:

app/playwright/test-debugging/TestDebugging.tsx

@@ -1,4 +1,4 @@
-import { BugPlayIcon, ChevronRightIcon, ImageOffIcon } from "lucide-react";
+import { BugPlayIcon, ImageOffIcon } from "lucide-react";
 import Image from "next/image";
 
 import { Link } from "@/components/Link";

app/playwright/visual-testing/VisualTesting.tsx

@@ -1,11 +1,4 @@
-import {
-  BugPlayIcon,
-  CircleDotIcon,
-  ImageOffIcon,
-  ScanSearchIcon,
-  SparkleIcon,
-  Wand2Icon,
-} from "lucide-react";
+import { CircleDotIcon, ScanSearchIcon, Wand2Icon } from "lucide-react";
 import Image from "next/image";
 
 import { Feature, FeatureDetail, MoreLink } from "../common/Feature";

app/pricing/page.tsx

@@ -22,6 +22,8 @@ import { getMetadata } from "@/lib/metadata";
 
 import { Simulator } from "./Simulator";
 
+export const dynamic = "force-static";
+
 const HOBBY_PLAN_SCREENSHOT_COUNT = 5000;
 const PRO_PLAN_SCREENSHOT_COUNT = 15000;
 const ADDITIONAL_SCREENSHOT_PRICE = 0.0025;

app/privacy/page.tsx

@@ -5,6 +5,8 @@ import { getMetadata } from "@/lib/metadata";
 
 import PrivacyMd from "./privacy.mdx";
 
+export const dynamic = "force-static";
+
 export const metadata: Metadata = getMetadata({
   title: "Privacy policy",
   description:

app/security/page.tsx

@@ -12,6 +12,8 @@ export const metadata: Metadata = getMetadata({
   pathname: "/security",
 });
 
+export const dynamic = "force-static";
+
 export default function Page() {
   return (
     <StaticPage>

app/terms/page.tsx

@@ -5,6 +5,8 @@ import { getMetadata } from "@/lib/metadata";
 
 import TermsMd from "./terms.mdx";
 
+export const dynamic = "force-static";
+
 export const metadata: Metadata = getMetadata({
   title: "Terms of service",
   description: