Swift Logo
SwiftAstro + Alpine
Swift Logo
现代化极简全栈脚手架 · 性能无妥协

极速静态渲染 轻量声明式交互

告别臃肿庞大的 SPA 框架运行时。页面骨架与 SEO 交给Astro,轻量动态交互交给Alpine.js,保持简单,拒绝过度设计。

$

技术栈选型与核心生态

Astro 5
Alpine.js 3
Tailwind CSS v4
daisyUI 5
astro-icon (Ion)
Ky (HTTP)

设计理念与核心特性

「简单的保持简单,复杂的合理拆分」。不追求庞大繁杂的概念,专注最高效的开发产出。

零水合负担与极限性能

基于 Astro 岛屿架构,默认不向客户端发送多余的 JavaScript。毫秒级首屏加载,天然满分 Lighthouse 与搜索引擎友好。

声明式轻量响应(Alpine.js)

体积仅约 15KB,无需繁重打包流程。通过熟悉的 HTML 指令(x-data, x-on)轻松驱动前端交互。

Tailwind v4 + daisyUI 5

全面升级 Vite 原生 Tailwind CSS v4,秒速编译。结合 daisyUI 的高品质语义化组件与成熟的主题定制能力。

内置响应式 Toaster 消息系统

开箱自带基于 $store.toasts 的全局消息提示队列与退出动画,无需安装额外的消息通知三方库。

清晰明确的工程组织架构

TS 代码统一收敛在 src/scripts/,组件逻辑、页面逻辑各司其职,有效杜绝代码腐化。

实用插件与工具预装

内置 @alpinejs/mask 表单掩码、Astro Sitemap、Astro SEO 以及轻量优雅的 Ky 请求库。

Interactive Playground

探索 Alpine.js 交互实验室

体验开箱即用的全局 Toast 队列、表单掩码、状态绑定、模态弹窗与 $api 网络请求实战范例。

进入交互实验室

三步开启新项目

通过 degit 极速拉取纯净模板,几秒内即可启动开发。

01

克隆模版仓库

使用 pnpm degit 下载最新模版至本地目录:

pnpm dlx degit Pony-Unicorn/alpinejs-template my-project
02

安装工程依赖

进入新建目录,一键安装所有依赖项:

cd my-project
pnpm install
03

启动本地开发

享受 Vite 原生级飞快的开发体验:

pnpm dev

开启极简、高表现力的 Web 旅程

不堆砌过度复杂的工具链,回归最爽快的 Web 本质。欢迎提交 Issue 或贡献 PR。