https://github.com/daniguardiola/dio.la

✍️ Dani Guardiola's blog
https://github.com/daniguardiola/dio.la

blog software-engineering solidjs

Last synced: about 1 month ago
JSON representation

✍️ Dani Guardiola's blog

• Host: GitHub
• URL: https://github.com/daniguardiola/dio.la
• Owner: DaniGuardiola
• Created: 2022-10-24T19:25:14.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-20T20:22:27.000Z (9 months ago)
• Last Synced: 2024-03-21T20:28:08.640Z (9 months ago)
• Topics: blog, software-engineering, solidjs
• Language: MDX
• Homepage: https://dio.la
• Size: 13 MB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# dio.la

> Dani Guardiola's blog - [dio.la](https://dio.la/)

>

> [@daniguardio_la](https://twitter.com/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](https://www.typescriptlang.org/).

- Built on [Solid](https://www.solidjs.com/) and [SolidStart](https://start.solidjs.com/).

- Styled with [Tailwind CSS](https://tailwindcss.com/) and, in some cases, [SASS](https://sass-lang.com/).

- Content authored using [MDX](https://mdxjs.com/) v2.

- Code highlighting (including interactive TypeScript blocks) powered by [`shiki-twoslash`](https://shikijs.github.io/twoslash/).

- Deployed on [Vercel](https://vercel.com/) with [Edge Functions](https://vercel.com/docs/concepts/functions/edge-functions) through the [`solid-start-vercel`](https://github.com/solidjs/solid-start/tree/main/packages/start-vercel) adapter.

- Open Graph images generated with [Satori](https://github.com/vercel/satori) on Vercel Edge Functions, through [`@vercel/og`](https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation). **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](https://developer.chrome.com/docs/lighthouse/) score.

- Search engine and social media friendly.