Blog Posts
- Oct 14, 20268 min read
- Dev Log
- Astro
- CSS
- and TypeScript
One Sky for the Whole Site: Bringing the Home Page Particles to Every PageReplacing the inner pages' dot grid with the home page's drifting particles, without the home page's performance cost: canvas tiles slid on the compositor, a see-through content column, and an Astro transition:persist gotcha. - Oct 13, 202610 min read
- Tutorial
- Astro
- TypeScript
- and Jupyter
Bringing My Coding Notes to the Blog: Jupyter Notebooks as an Astro CollectionA custom Astro content loader that pulls my LeetCode notebooks from GitHub at build time, turns them into pages under /notes, and serves them back as .ipynb and Markdown downloads with an Open in Colab button. - May 06, 20268 min read
- Tutorial
- Astro
- TypeScript
Per-Post OG Images, Last-Updated Dates, and a RoadmapGenerating dynamic Open Graph images per blog post with Sharp, adding optional last-updated dates to the post schema, and starting a roadmap doc to track future work. - Jan 19, 20255 min read
- Tutorial
- Astro
- TypeScript
- and JavaScript
Adding a View Counter and Improving Code QualityImplementing a privacy-friendly view counter with Vercel KV, fixing SolidJS reactivity issues, and adding tests to CI. - Jan 17, 20255 min read
- Tutorial
- Astro
- Astro Sphere
- and TypeScript, JavaScript
Astro Sphere: Performance & UX ImprovementsMy blog's performance optimizations, accessibility updates, and UX improvements made to Astro Sphere. - Mar 17, 20242 min read
- Tutorial
- Astro
- Astro Sphere
Astro Sphere: File StructureYou'll find these directories and files in the project. What do they do? - Mar 16, 20242 min read
- Tutorial
- Astro
- Astro Sphere
Astro Sphere: Getting StartedYou've downloaded and installed the project. Let's hit the ground running. - Mar 14, 20243 min read
- Tutorial
- Astro
- Astro Sphere
Astro Sphere: Adding a new post or project.Adding a new article (blog post or project) is pretty easy. - Mar 13, 20244 min read
- Tutorial
- Astro
- Astro Sphere
- and Markdown
Astro Sphere: Writing MarkdownBasic Markdown syntax that can be used when writing Markdown content in Astro Sphere. - Mar 12, 20241 min read
- Tutorial
- Astro
- Astro Sphere
- and Markdown, MDX
Astro Sphere: Writing MDXLorem ipsum dolor sit amet - Mar 11, 20241 min read
- Tutorial
- Astro
- Astro Sphere
Astro Sphere: Social media linksA quick tutorial on how to change, add or remove social media links