Skip to content

np-overflow/og

Repository files navigation

name slug description framework useCase css deployUrl demoUrl relatedTemplates
Open Graph Image Generation
og-image-generation
Compute and generate dynamic social card images with React components.
Next.js
Edge Functions
Tailwind
nextjs-boilerplate
aws-s3-image-upload-nextjs
platforms-starter-kit
blog-starter-kit

Vercel OG + Next.js

This example shows how to use Vercel OG with Next.js.

Demo

How to Use

You can choose from one of the following two methods to use this repository:

One-Click Deploy

Deploy the example using Vercel:

Deploy with Vercel

Clone and Deploy

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example https://github.com/vercel/examples/tree/main/edge-functions/vercel-og-nextjs
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/vercel-og-nextjs

Next, run Next.js in development mode:

npm install
npm run dev

# or

yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).

About

No description, website, or topics provided.

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published