Skip to content

站点说明

关于本站

这个 Next.js 作品集背后的技术栈、系统与设计取舍。

应用核心

Next.js App Router、React 与 TypeScript 负责公开页面、管理后台和服务端渲染内容。

Next.js 16React 19TypeScript

界面层

Tailwind token、Radix 组件和克制的动效共同支撑玻璃 HUD 与像素档案视觉语言。

Tailwind 4RadixMotion

内容与数据

Zod 校验的内容可稳定回退;Supabase 提供账号、保存、评论和管理编辑能力。

SupabaseZodnext-intl

商店与邮件

Stripe 处理结账路径,Resend 处理交易邮件,Vercel 让预览环境贴近生产环境。

StripeResendVercel

质量门槛

ESLint、TypeScript、Playwright 与 Storybook 覆盖需要长期稳定的交互与组件。

ESLintPlaywrightStorybook

交付表面

ISR 页面、路由元数据、站点地图和 OG 图片处理器让档案更易索引与分享。

ISROG imagesSitemap

公开轨迹

想看发布记录?

更新日志用访客可读的方式呈现仓库历史,同时不暴露私人项目记录。

阅读更新日志
频道开放
--:--:--EST
联系

看到什么有意思的?和我聊聊。

这是一个作品集,不是服务 · 但每一条留言我都会看 — 如果哪里让你有所触动,或者只想打个招呼,欢迎写信过来。

订阅

偶尔收到一封简讯

来自 m4rkyu.com 的笔记与日志——简短、标注日期、没有杂音。随时可退订。

M4RKYU
始于 2024
© 2026 ZhenXiao Mark Yu加拿大 安大略

由 Next.js 16 · React 19 · Tailwind 4 构建