dio.la

Dani Guardiola's blog - dio.la

@daniguardio_la on Twitter

Welcome to my blog's source code!

Features

• Minimalistic and clean design.
• Article highlights and filterable topics.
• Rich article content, including interactive TypeScript code snippets.
• About page with details about me :)

Tech

• Coded in TypeScript.
• Built on Solid and SolidStart.
• Styled with Tailwind CSS and, in some cases, SASS.
• Content authored using MDX v2.
• Code highlighting (including interactive TypeScript blocks) powered by shiki-twoslash.
• Deployed on Vercel with Edge Functions through the solid-start-vercel adapter.
• Open Graph images generated with Satori on Vercel Edge Functions, through @vercel/og. Note: not implemented yet (soon!).

Principles

• Fully accessible - try keyboard navigation (tab) or a screen reader!
• Responsive to all screen sizes.
• Lightweight, performant and optimized - near-perfect Lighthouse score.
• Search engine and social media friendly.