Compute and generate dynamic social card images with React components.
This example shows how to use Vercel OG with Next.js.
You can choose from one of the following two methods to use this repository:
Deploy the example using Vercel:
Execute create-next-app
with pnpm to bootstrap the example:
pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/vercel-og-nextjs
Next, run Next.js in development mode:
pnpm dev
Deploy it to the cloud with Vercel (Documentation).
Compute and generate dynamic social card images with React components.
This example shows how to use Vercel OG with Next.js.
You can choose from one of the following two methods to use this repository:
Deploy the example using Vercel:
Execute create-next-app
with pnpm to bootstrap the example:
pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/vercel-og-nextjs
Next, run Next.js in development mode:
pnpm dev
Deploy it to the cloud with Vercel (Documentation).