OG Image
Getting Started

Stackblitz

You can use the following Stackblitz playgrounds to experiment with Nuxt OG Image.

You can use the following Stackblitz playgrounds to experiment with Nuxt OG Image.

If you run into any issues with Nuxt OG Image, it's recommended to clone of these playgrounds Stackblitz to reproduce the issue.

Stackblitz Playgrounds

Stackblitz Compatibility

StackBlitz runs Nuxt within a webcontainer, so it has fairly limited compatibility.

  • You can't use anything that will require a fetch request to a different server (e.g. Google Fonts, custom Emojis, images, etc).
  • The chromium renderer is not supported
  • sharp is not supported, so you can't use JPEGs
  • inline-css is not supported, so you can't <style> blocks

Install Nuxt OG Image

Get started with Nuxt OG Image by installing the dependency to your project.

Examples

Some examples of sites using the nuxt-og-image module.