Hey there!

I hope you are doing well! I'm back today to discuss a shiny tool: Remotion. Remotion allows you to create videos programmatically using web technologies: HTML, CSS, JavaScript, and React.

I have followed Remotion's progress for a few years now but have only recently found great use cases for it.

Speaker Scene and Podcast-to-Video

Hey there!

When writing technical articles, having a good code highlighter to present code snippets is mandatory. I tried a few of them but only recently became fully convinced by a new code highlighter: Expressive Code.

Expressive Code is based on Shiki and extends its capabilities. Unlike other code highlighters, like Prism, Shiki is meant to run at build-time or during server-side rendering to ship zero JavaScript to the browser. Shiki and Expressive Code accept any VS Code theme as a valid theme configuration.

Expressive Code has native Astro support. It is enabled by default on Starlight, the template for documentation websites made by Astro's team. Expressive Code also provides a remark plugin for use in any other environment.

Update 03/19/2024: Theo - t3.gg reviewed my article and made a video about it. In turn, I replied to his review in a video and clarified a few points from the article.

Hey there!

It's the first issue of my newsletter for 2024. I wish you a Happy New Year with overcoming challenges, smashing goals, and loads of tech fun!

I've been using Panda CSS for a few weeks now to build the website and the demos of XState by Example, and I've got a lot of feelings I want to share with my fellow web developers.

Hey there!

I am a big fan of Astro, and I carefully follow what they release. A few months ago, Astro 3 was released and brought many exciting features, the most important being a lightweight SPA router with cross-page animation capabilities.

Back then, I built a demo to showcase Astro's new capabilities. The demo is an e-commerce website using Server-Side Rendering to display the most recent products and the new SPA mode leveraging the recently added View Transition API to make shiny transitions of shared elements between pages.