Til 2025-03-22

Within 1 day, I can release a new app, thanks to Hasura.

Today I learned something new:

• shiki for code styling for display code in the browser.

• react-markdown: parse markdown content

The architecture for the new app was super simple:

• Using hashnode as the written platform

• Frontend still working with Hasura as normal, no blocking ever.

• Webhook when publishing an article, and saving data into the database. Thanks to GraphQL!

I didn’t have enough time to set up the webhook yet, but it should be simple and straightforward. Total time I spent:

• Around 1 hour or less to

  • add a new table to the database

  • Regression tests for Hasura

  • Setup permissions for both roles: anonymous and user

• 10 hours or so for frontend development

  • A new app from scratch with a test branch covers 100%

  • Unit test for all UI components

  • Deploy into Cloudflare pages

  • Learn Shiki, react-markdown, and work with Hashnode API

Keynotes

• First time performance monitoring, all Lighthouse metrics are super low, unacceptable to me. Will need to take a look at https://shiki.style/guide/best-performance

• It should be faster if the Hasura’s remote schemas work with the Hashnode schema. However, it is still much better than writing some bullshit backend code just for querying data.