Generate Resumake logo using vercel/satori

resumake-logo.js

import fs from 'fs/promises'
import satori from 'satori'

let html = {
  type: 'div',
  props: {
    style: {
      height: '100%',
      width: '100%',
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: 'rgb(20, 23, 29)',
      fontSize: 54,
      fontWeight: 600,
    },
    children: [
      {
        type: 'span',
        props: {
          children: [
            {
              type: 'span',
              props: {
                style: { color: '#fff' },
                children: 'resu'
              }
            },
            {
              type: 'span',
              props: {
                style: { color: '#56c9aa' },
                children: 'make'
              }
            }
          ]
        }
      }
    ]
  }
}

const fontArrayBuf = await fs.readFile('./NexaDemo-Bold.ttf')

const options = {
    width: 260,
    height: 70,
    fonts: [
      {
        name: 'NexaDemo-Bold',
        data: fontArrayBuf,
        style: 'normal'
      }
    ]
  }

const svg = await satori(html, options)

console.log(svg)