Skip to main content

How to Test Open Graph Tags Locally Before You Deploy

· 4 min read
Pere Pages
Software Engineer
A social link-preview card being checked on a laptop before publishing, joined by a local tunnel to social platform icons

https://ogp.me/

Testing Open Graph locally is a bit deceptive: your browser can see localhost, but Facebook, LinkedIn, Slack, Discord, X/Twitter, etc. cannot.

The best workflow is:

1. Check the HTML locally
2. Expose localhost with ngrok
3. Test the public URL in real social preview/debugger tools

Chrome plugins are useful for fast feedback, but the final validation should happen through a public HTTPS URL.

Building a Personal CLI Tool Without Global Node, npm, or TypeScript

· 4 min read
Pere Pages
Software Engineer
A handcrafted command-line tool assembled from small parts on a workbench beside a terminal emitting a custom command

I wanted a tiny CLI tool for a very specific workflow: take an image and expand its canvas to 1200x630, centered, without resizing the image itself. Useful for Open Graph images.

But the interesting part was not the image logic. The interesting part was this constraint:

I do not want global Node, npm, pnpm, TypeScript, or tsx.

That changes the setup.

A Senior Frontend Watchlist: Seven Talks on Rendering, Performance and Agent-Era Engineering

· 16 min read
Pere Pages
Software Engineer
Seven glowing browser windows on a dark indigo background arranged in three rows: a spiral waveform and a dotted timeline on top, two computers joined by a lime cross and a small tree diagram in the middle, and stacked layers, a flask with a green check mark and a robotic hand holding a pen at the bottom

Seven talks and essays, none of them a framework tutorial, that together cover what a senior frontend engineer is actually paid to understand: how a page gets to the user, where the client/server boundary sits, how a codebase stays maintainable, and how engineering practice changes when an agent writes most of the code. Each one is worth an evening; this post says why, and in which order.

Practical curl: The Commands and Flags Developers Actually Use

· 9 min read
Pere Pages
Software Engineer
A terminal window with a data stream flowing out to a rack of servers, illustrating curl moving requests and responses between a machine and a server

Most developers use curl as a quick way to "hit an endpoint". But curl is much more than that — a tiny HTTP client, a debugging tool, a poor man's Postman, a network probe, a CI health checker, a download manager, and often the fastest way to understand what's really happening between your machine and a server. Here are 25 curl recipes I actually reach for.

How Vercel's Infrastructure Actually Works Behind a Next.js App

· 16 min read
Pere Pages
Software Engineer
Diagram of Vercel's edge network routing requests to a Next.js app

You write next build, run vercel deploy, and a URL comes back. But between that command and the response your users get, there's a whole distributed system — build pipelines, an edge network, serverless and edge functions, caches at multiple layers. This post opens the box and walks through what Vercel actually does with a Next.js app.