Fernando Coelho fgcoelho

How to properly load/handle custom fonts in Next.js Open Graph (OG) images (new ImageResponse).

// load-google-fonts.ts

import { ImageResponseOptions } from "next/server";

type FontOptions = ImageResponseOptions["fonts"];

async function loadGoogleFont(font: string, weight: number) {

sudo mkdir -p /usr/local/lib/docker/cli-plugins/

sudo curl -SL https://github.com/docker/compose/releases/latest/download/docker-compose-linux-x86_64 -o /usr/local/lib/docker/cli-plugins/docker-compose

sudo chmod +x /usr/local/lib/docker/cli-plugins/docker-compose

Originally published on October 6, 2021, on Mindsers Blog

Nginx as a server

To be able to use nginx as a server for any of our projects, we have to create a Docker Compose service for it. Docker will handle the download of the corresponding image and all the other tasks we used to do manually without Docker.

    version: '3'

	const json = {
	"update_id": 0000000000,
	"message": {
	"message_id": 00,
	"from": {
	"id": 0000000000,
	"is_bot": false,
	"first_name": "john",
	"last_name": "doe",
	"language_code": "en-us"