From d1816ea3a561301d55b5d985198bca6490e8d809 Mon Sep 17 00:00:00 2001 From: "J. Lewis" <6710419+lewxdev@users.noreply.github.com> Date: Tue, 27 Aug 2024 11:29:45 -0400 Subject: [PATCH] fix: try dynamic metadata --- .github/workflows/fly-review.yml | 1 + app/layout.tsx | 42 +++++++++++++++++--------------- 2 files changed, 23 insertions(+), 20 deletions(-) diff --git a/.github/workflows/fly-review.yml b/.github/workflows/fly-review.yml index 173e75c..cb6b39c 100644 --- a/.github/workflows/fly-review.yml +++ b/.github/workflows/fly-review.yml @@ -30,6 +30,7 @@ jobs: - id: deploy uses: superfly/fly-pr-review-apps@1.2.1 with: + name: ${{ env.FLY_APP_NAME }} secrets: | BASE_URL=https://${{ env.FLY_APP_NAME }}.fly.dev REDIS_URL=${{ secrets.REDIS_URL }} diff --git a/app/layout.tsx b/app/layout.tsx index 846c736..18f4971 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -5,29 +5,31 @@ import { Header } from "@/components/header"; import { SocketProvider } from "@/components/socket-provider"; import "@/globals.css"; -const title = "mmmines!"; -const description = "an endless, massive multiplayer minesweeper game"; -const baseUrl = process.env["BASE_URL"]; +export function generateMetadata(): Metadata { + const title = "mmmines!"; + const description = "an endless, massive multiplayer minesweeper game"; + const baseUrl = process.env["BASE_URL"]; -export const metadata: Metadata = { - title, - description, - icons: { - icon: [ - { url: "/icon-light.svg" }, - { url: "/icon-dark.svg", media: "(prefers-color-scheme: dark)" }, - ], - }, - metadataBase: baseUrl ? new URL(baseUrl) : null, - openGraph: { + return { title, description, - siteName: title, - url: "https://mmmines.fly.dev", - locale: "en_US", - type: "website", - }, -}; + icons: { + icon: [ + { url: "/icon-light.svg" }, + { url: "/icon-dark.svg", media: "(prefers-color-scheme: dark)" }, + ], + }, + metadataBase: baseUrl ? new URL(baseUrl) : null, + openGraph: { + title, + description, + siteName: title, + url: "https://mmmines.fly.dev", + locale: "en_US", + type: "website", + }, + }; +} export default function RootLayout(props: Readonly) { return (