chore: test next/og (#8)

hi-ogawa · Aug 22, 2024 · 918f387 · 918f387
1 parent 926c29c
commit 918f387
Show file tree

Hide file tree

Showing 5 changed files with 128 additions and 20 deletions.
diff --git a/app/api/og/route.tsx b/app/api/og/route.tsx
@@ -5,9 +5,7 @@ import type { ReactElement } from 'react';
 export const runtime = 'edge';
 
 const interSemiBold = fetch(
-  // TODO: unsupported server asset url
-  // new URL('./Inter-SemiBold.ttf', import.meta.url),
-  'data:,todo',
+  new URL('./Inter-SemiBold.ttf', import.meta.url),
 ).then((res) => res.arrayBuffer());
 
 export async function GET(req: NextRequest): Promise<Response | ImageResponse> {

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -9,14 +9,14 @@ export const metadata: Metadata = {
     default: 'Next.js App Router',
     template: '%s | Next.js App Router',
   },
-  metadataBase: new URL('https://app-router.vercel.app'),
+  metadataBase: new URL('https://app-router-vite.vercel.app'),
   description:
     'A playground to explore new Next.js App Router features such as nested layouts, instant loading states, streaming, and component level data fetching.',
   openGraph: {
     title: 'Next.js App Router Playground',
     description:
       'A playground to explore new Next.js App Router features such as nested layouts, instant loading states, streaming, and component level data fetching.',
-    images: [`/api/og?title=Next.js App Router`],
+    images: [`/api/og?title=Next on Vite`],
   },
   twitter: {
     card: 'summary_large_image',

diff --git a/package.json b/package.json
@@ -19,12 +19,12 @@
   },
   "dependencies": {
     "@heroicons/react": "2.1.3",
-    "@hiogawa/react-server": "0.3.5",
+    "@hiogawa/react-server": "0.3.7",
     "clsx": "2.1.1",
     "date-fns": "3.6.0",
     "dinero.js": "2.0.0-alpha.10",
     "ms": "3.0.0-canary.1",
-    "next": "npm:@hiogawa/react-server-next@0.0.12",
+    "next": "npm:@hiogawa/react-server-next@0.0.14",
     "react": "rc",
     "react-dom": "rc",
     "react-server-dom-webpack": "rc",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/vite.config.mts b/vite.config.mts
@@ -4,8 +4,6 @@ import { defineConfig } from 'vite';
 export default defineConfig((env) => ({
   plugins: [
     next({
-      // deploy everything to edge
-      adapter: process.env['VERCEL'] ? 'vercel-edge' : undefined,
       // ssg is opt-in for now
       prerender: async (_, presets) => ['/', ...(await presets.generateStaticParams())],
     }),