Get title, description and og image from a URL

extractMetaFromUrl.ts

import { ofetch } from 'ofetch';
import * as cheerio from 'cheerio';

interface ExtractMetaFromUrl {
  url: string;
}

export const extractMetaFromUrl = async ({ url }: ExtractMetaFromUrl) => {
  try {
    const proxy = 'https://corsproxy.io';
    const html = await ofetch(`${proxy}?${url}`);
    const $ = cheerio.load(html);

    const title = $('title').text();
    const description = $('meta[name="description"]').attr('content');
    const ogImage = $('meta[property="og:image"]').attr('content');

    return {
      url,
      title,
      description,
      ogImage,
    };
  } catch (_) {
    return { url };
  }
};