Nest OG Image Generator

Service that dynamically generates Open Graph images for Nest that looks something like

✨ How To Use

Use the generated image URL in the <head> of your HTML document as the og:image meta property

<meta
  property="og:image"
  content="https://og.nest.land/api/image?layoutName=Pattern&Text=Hello+World"
/>

Whenever this image is requested (e.g. in link previews) the image will be generated on demand.

Images are generated through the /api/image route. When you hit this route the following happens

This service can generate images using multiple layouts. A layout is defined as a

Collection of properties that are user configurable. The UI for these properties is auto genearted
Function that takes in layout config and returns CSS needed to render
A React component that takes in layout config as a prop

To start hacking, do the following:

Now you're ready to start local development!

The frontend is a NextJS site and the image generation happens in an API route.

# Start local development server
yarn dev

# Build for production
yarn build

# Start in production
yarn start

Credit where credit is due. This started as a forked repo from Railway's OG image generator

This project is distributed under The MIT Licese

Name		Name	Last commit message	Last commit date
Latest commit History 35 Commits
public		public
src		src
typings		typings
.babelrc.js		.babelrc.js
.gitignore		.gitignore
.prettierrc		.prettierrc
LICENSE		LICENSE
README.md		README.md
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
vercel.json		vercel.json
yarn.lock		yarn.lock