#astro

12 篇
ssg 3 architecture 3 comparison 2 performance 2 frontend 2 hugo 1 eleventy 1 gatsby 1 zola 1 nextjs 1 nuxt 1 sveltekit 1

Astro 系列(十二):框架对比(下)——静态站点方向

横向对比 Hugo、11ty、Gatsby、Zola——四个静态站点生成器的设计哲学、性能特点、学习曲线,以及 Astro 在静态站点领域的独特定位。

#hugo#eleventy#gatsby

Astro 系列(十一):框架对比(上)——全栈方向

横向对比 Next.js、Nuxt、SvelteKit、Remix——各自的强项、设计哲学差异,以及什么场景下 Astro 是比它们更好的选择。

#nextjs#nuxt#sveltekit

Astro 系列(十):第三方服务拼装——评论、搜索、分析

盘点 Astro 站点中那些不需要自己写的功能——Giscus 评论、Pagefind 搜索、Plausible 分析、Newsletter 订阅,以及它们的拼装哲学。

#third-party#comments#search

Astro 系列(九):Middleware、API 端点与认证

理解 Astro 的 Middleware 拦截机制、API 端点设计模式,以及 JWT、OAuth、会话管理的集成策略。

#middleware#api#auth

Astro 系列(八):View Transitions——让 MPA 拥有 SPA 体验

View Transitions API + Astro 的组合如何让多页应用获得单页应用的丝滑体验——页面过渡、持久化状态、预取策略的完整解析。

#view-transitions#spa#animation

Astro 系列(七):能用 Astro 做什么——扩展玩法全景

从文档站、营销页、电商到 Dashboard、多语言站、组件库文档——Astro 能覆盖的全部场景及其最佳实践。

#use-cases#ecommerce#docs

Astro 系列(六):集成生态——从官方到社区

遍历 Astro 的官方集成和社区生态——MDX、Tailwind、图片优化、RSS、Sitemap、Partytown 各解决什么问题,以及背后的 Vite 插件机制。

#integrations#ecosystem#mdx

Astro 系列(五):SSR 还是 SSG,怎么选

全面对比 SSR 与 SSG 的能力矩阵,理解混合模式、边缘渲染,以及如何按页面粒度做出最优选择。

#ssr#ssg#rendering

Astro 系列(四):内容驱动还是应用驱动——Astro 的边界

认清 Astro 的舒适区和边界——什么场景它是首选,什么场景它不应该被考虑,以及混合方案的可行性。

#architecture#decision-making#content-sites

Astro 系列(三):Island 架构——为什么默认零 JavaScript

深入岛屿架构的设计动机——水合作用的代价、局部激活的策略、以及 client 指令背后的每一个权衡。

#islands#architecture#performance

Astro 系列(二):项目结构与开发约定

理解 Astro 的目录结构、文件路由、布局系统和内容集合——以及它们背后的约定优于配置的设计思想。

#project-structure#frontend#conventions

Astro 系列(一):Astro 是什么,解决什么问题

理解岛屿架构的由来,看清 Astro 在 MPA 与 SPA 之争中的位置,以及它为什么适合内容型站点。

#ssg#frontend#architecture