tabris.cloud

Tabris

Next.js + Payload

My-site / Next.js + Payload 个人站点

The Payload CMS and Next.js rebuild of tabris.cloud, with structured content, papers, and WebPet in one deployable system.

已上线Full-stack architecture and content modeling
Problem

个人站容易变成静态页面和后台字段两张皮,字段看似很多,但前台、seed 和导入脚本没有闭环。

Solution

用 Payload collections/globals 定义可管理内容,Next.js App Router 通过 local API 读取,fallback 和 seed 使用同一组展示字段。

Result

首页、Blog、Project、Papers 和 WebPet 共享统一站点壳,开发预览不依赖空数据库。

From framework migration to a real site

My-site replaces the previous Astro content layer with Payload CMS while preserving the parts that made the old site recognizable: a compact personal navigation, grouped paper reading, project notes, and the WebPet runtime.

The important constraint is that editorial content remains useful outside the admin panel. Projects and posts are stored as Lexical rich text, rendered on their detail pages, and backed by deterministic seed data for local and preview environments.

Stack

Next.js App Router provides the public site and server rendering. Payload owns the collections, globals, and local API. PostgreSQL stores content, while Playwright covers the small set of user journeys that define a healthy personal site.

My-site / Next.js + Payload 个人站点 | tabris.cloud