Posts

Preact in context of Astro and also in general

6 Feb. 2026 Given below are (possibly edited) extracts from a recent exchange with ChatGPT (CG). Me: In context of astro, please give me an overview of preact CG: Below is an Astro-specific, no-fluff overview of Preact , focusing on why it exists, how Astro uses it, and when you should (and should not) care . 1. What Preact is (one sentence) Preact is a lightweight, React-compatible UI library that implements the React API with a much smaller runtime. Think: React ≈ feature-rich, heavy Preact ≈ minimal, fast, React-shaped 2. Why Preact matters specifically in Astro Astro’s core philosophy is: Ship zero JavaScript by default. Hydrate only where needed. Preact fits this philosophy extremely well because: Tiny runtime (~3–4 KB gzipped) Fast hydration Same mental model as React Excellent for islands architecture Astro uses Preact as: A first-class UI framework A lighter alternative to React for interactive components 3. Astro + Preact architecture (important) Astro itself is not a S...
Post a Comment
Read more

Exploring using Astro instead of Nextjs for static sites; Using Markdown for static sites

Last updated on 6 Feb 2026 Quick Info Astro Astro Website :  Astro Tutorial Docs   ...  Source code on GitHub Markdown in Astro Markdown CommonMark Website ... Tutorial Markdown original version by John Gruber Markdown Frontmatter Fenced-off section at the top of a document containing YAML, TOML, or JSON, used to define metadata. Is not part of Core Markdown (not part Markdown specification like CommonMark) Is an adopted extension used by various tools Standard convention in most static site generators (Astro, Hugo, Gatsby) and note-taking apps (Obsidian, Dendron).  Online editor: Stackedit VSCode Extension:  Markdown Editor by zaaack open a markdown file type cmd-shift-p to enter command mode type markdown-editor: Open with markdown editor Introduction to YAML Web Feed: Blogger vs Astro Feature Blogger (Dynamic/Server-Side) Astro (Static/Build-Side) Flexibility High.  Can filter, sort, and search via URL parameters in real-time. Low.  The file is "...
Post a Comment
Read more