Featured
Astro
API 端点与后端集成
掌握 Astro API 端点的创建与 HTTP 方法处理、动态路由参数、JSON/FormData 请求接收、SSR 与 prerender 配置、CORS 设置、统一错误响应格式，以及 Stripe、邮件发送等第三方集成实践。
AI-Writer
Design Philosophy
Code
Code
Meets
Design
A personal tech blog exploring web development, design systems, and the craft of building modern applications.
Featured Article
Recent Articles
View All Astro
#2 Astro 组件基础与 .astro 语法
深入解析 .astro 文件的三要素（模板/脚本/样式）、Frontmatter 脚本区域、JSX 类模板语法、Props 定义与传递、插槽机制，以及样式作用域与导入子组件。
Read More Astro
#3 内容集合（Content Collections）深度解析
深度解析 Astro 5 的 Content Layer API，涵盖 glob Loader 配置、Zod Schema 定义、getCollection / getEntry 查询方法、entry.render() 渲染流程，以及自定义 Loader 实现。
Read More Astro
#10 国际化（i18n）配置
掌握 Astro 的多语言站点构建方法，包括 i18n 配置、路由策略（prefixDefaultLocale）、t() 翻译函数、浏览器语言检测与中间件自动重定向、内容国际化组织，以及 hreflang SEO 优化。
Read More Astro
#1 Astro 5 项目初始化与基础配置
从零掌握 Astro 5 的现代化内容站点框架，涵盖项目初始化、目录结构解析、astro.config.mjs 配置、核心内置命令，以及与 Astro 4 的核心差异概述。
Read More
About Us
Building
Building
with Care
I write about web development, design systems, and the craft of building meaningful digital experiences. Every article is crafted to help you create better, more thoughtful applications.
Our StoryStay Updated
Get the latest articles on web development and design delivered to your inbox. No spam, just thoughtful content.
Join developers learning together