GithubHelp home page GithubHelp logo

og's Issues

It seems to be possible to run vercel/og directly

Hi,
I also tried to find a way to run this and noticed that the original @vercel/og is also compatible. A bit workaroundy, but it works:

    const imgRes = new ImageResponse((<OGImageRenderer title={title} />), {
      width: 1200,
      height: 630,
    })

    // vercels types are wrong
    const i = imgRes as Response

    // I tried getting the streams API to work, but failed, so we need to use full buffers
    const b = await i.blob()

    res.setHeader('content-type', b.type)
    res.setHeader('content-length', b.size)
    res.setHeader(
      'cache-control',
      process.env.NODE_ENV === 'development'
        ? 'no-cache, no-store'
        : 'public, immutable, no-transform, max-age=31536000'
    )

    res.status(200)
    const arrayBuffer = await b.arrayBuffer()

    res.send(Buffer.from(arrayBuffer))

Just letting you know. Maybe you have improvements are reasons why this is a bad idea. I would be interested to hear them ๐Ÿ™‚

Installation issue

Hello @m5r

Love this approach, sadly I wasn't able to get it running ๐Ÿ˜ญ
Would you like to add an example of how to use it and get it up and running?

Thx ๐Ÿ‘‹

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.