Skip to main content

5 posts tagged with "tooling"

View All Tags

Testing Open Graph while developing, the sane workflow

· 4 min read
Pere Pages
Software Engineer
Open Graph Logo

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.

Creating Personal CLI Tools Without Global Node, npm, pnpm, or TypeScript

· 3 min read
Pere Pages
Software Engineer
A terminal running a personal CLI tool

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.

pnpm: the package manager that said "why are we copying lodash 500 times?"

· 8 min read
Pere Pages
Software Engineer
pnpm logo

pnpm is a JavaScript package manager, like npm and Yarn, but with a very opinionated design: fast installs, less disk usage, stricter dependency resolution, and strong monorepo support. Its name originally stands for “performant npm”. It reached v1 in 2017, after earlier work starting in 2016, and it was heavily inspired by ideas from ied, another experimental package manager. (Medium)