Socket
Socket
Sign inDemoInstall

nuxt-og-image

Package Overview
Dependencies
Maintainers
1
Versions
310
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuxt-og-image

Enlightened OG Image generation for Nuxt.


Version published
Weekly downloads
26K
increased by5.69%
Maintainers
1
Weekly downloads
 
Created
Source

nuxt-og-image

NPM version NPM Downloads GitHub stars

Enlightened runtime images generated with Vue templates, for Nuxt.


Status: v2.1 Released
Please report any issues 🐛
Made possible by my Sponsor Program 💖
Follow me @harlan_zw 🐦 • Join Discord for help

Features

  • ✨ Turn your Vue components into og:image templates
  • 🎨 Design them in the OG Image Playground with full HMR
  • ▲ Render using Satori: Tailwind classes, Google fonts, emoji support and more!
  • 🤖 Or prerender using the Browser: Supporting painless, complex templates
  • 📸 Feeling lazy? Just generate screenshots for every page: hide elements, wait for animations, and more
  • ⚙️ Works on the edge: Vercel Edge, Netlify Edge and Cloudflare Workers

Installation

  1. Install nuxt-og-image dependency to your project:
#
yarn add -D nuxt-og-image
#
npm install -D nuxt-og-image
#
pnpm i -D nuxt-og-image
  1. Add it to your modules section in your nuxt.config:
export default defineNuxtConfig({
  modules: ['nuxt-og-image']
})

Playgrounds

Documentation

📖 Read the full documentation for more information.

Sponsors

License

MIT License © 2023-PRESENT Harlan Wilton

FAQs

Package last updated on 06 Nov 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc