Document and Magnifying Glass Symbol

Integrate Client-Side Form Validation into Legacy Code

This article describes recent experiences in maintaining legacy code, where various validation methods need to be unified, avoiding more legacy code.

2023-11-14
@ Technical Discussion
  • #unsorted
Astro Logo symbol

Day30 - Astro Series: The End

This Astro series finished after 30 days. It was hard to keep writing near the end, but I completed the challenge despite few drafts and a busy schedule.

2023-10-15
@ Astro
  • #unsorted
Astro Logo symbol

Astro Series Day 29: Creating a Portfolio Reference

Day 29 of the Astro series. I documented building my personal site with Astro — see the 'Let's Build a Portfolio' prep and implementation posts.

2023-10-14
@ Astro
  • #unsorted
Astro Logo Symbol

Day28 - Astro Series: Random Chat

This post lists Astro learning resources and recent news, including Astro 3.3 with experimental Picture and other improvements.

2023-10-13
@ Astro
  • #unsorted
Astro Logo Symbol

Astro Series Day 27: View Transitions

This chapter covers Astro 3.0's View Transitions — enabling app-like smooth transitions for static sites. The API is experimental; details follow.

2023-10-11
@ Astro
  • #unsorted
Astro Logo symbol

Day26 - Astro Series: Why am I writing?

Building websites often focuses too much on technical aspects and lacks ideas for running a site or product; here I add my process preparing to blog.

2023-10-11
@ Astro
  • #unsorted
Astro logo symbol

Day25 - Astro Series: Connect CMS

A CMS helps author and manage site content and assets; features include scheduling, editors, collaboration, and asset management.

2023-10-10
@ Astro
  • #unsorted
Astro Logo symbol

Day24 - Astro Series: Add ESLint and Prettier

I use ESLint and Prettier with TypeScript and VSCode enhancements to keep code consistent and error-free. This post shows how I added them to my Astro blog.

2023-10-09
@ Astro
  • #unsorted
Astro logo symbol

Day23 - Astro Series: Aliases

As projects grow, relative import paths become hard to read and maintain. This post shows how to set path aliases in Astro via the TS config.

2023-10-08
@ Astro
  • #unsorted
Astro Logo Symbol

Day22 - Astro Series: Environment Variables

Environment variables let you avoid hardcoding, and securely store secrets (API keys, DB passwords). Astro uses Vite under the hood.

2023-10-07
@ Astro
  • #unsorted
Astro logo symbol

Day21 - Astro Series: Deploy

Overview of common Astro features and deploying your finished site. So far, the series has used Astro for static site generation.

2023-10-06
@ Astro
  • #unsorted
Astro Logo symbol

Day20 - Astro Series: Search Functionality

Previously I built an RSS via a static endpoint as a simple exercise; I go further by building a collection of data to build a collection-based post search.

2023-10-05
@ Astro
  • #unsorted
Astro Logo Symbol

Day19 - Astro Series: RSS Endpoint

Covers creating endpoints in Astro and generating an RSS XML file, building on prior lessons about Markdown/MDX and content collections.

2023-10-04
@ Astro
  • #unsorted
Astro Logo Symbol

Day18 - Astro Series: Content Collection Category

Learn to organize content collections and auto-generate category pages so posts can be grouped and browsed by category.

2023-10-03
@ Astro
  • #unsorted
Astro logo symbol

Day17 - Astro Series: Pagination

Generating routes dynamically from content collections is convenient, but when items grow you should paginate them. Astro's built-in pagination helps.

2023-10-02
@ Astro
  • #unsorted