𝗕𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝗔 𝗕𝗹𝗼𝗴 𝗪𝗶𝘁𝗵 𝗔𝘀𝘁𝗿𝗼

𝗕𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝗔 𝗕𝗹𝗼𝗴 𝗪𝗶𝘁𝗵 𝗔𝘀𝘁𝗿𝗼

I had a domain. I wanted a blog. I chose Astro. Astro ships zero JavaScript by default. It renders pages statically. This makes the site fast.

I followed these rules:

• Use Markdown for posts.
• Build for mobile first.
• Add light and dark modes.
• Aim for high performance.

I organized my project files:

• public for favicons.
• components for UI.
• content for posts.
• layouts for page shells.
• pages for the final view.

I fixed two problems:

• I changed colors for better contrast.
• I shrank my fonts. I reduced a font from 300KiB to 70KiB.

The result is a perfect performance score.

Source: https://dev.to/ethanhawksley/building-an-astro-blog-1a95