Steven J. Hu

Showcase

把網站做成一段可捲動的主張

向下捲動,看靜態架構如何與動畫 islands 並存。

品牌先於版面裝飾

第一視口只留下名字、一句話與明確行動。其餘資訊往下走——讓訪客先記得你是誰。

01

靜態為骨

內容以 HTML 輸出,閱讀頁保持極輕。部署到邊緣網路,首屏幾乎不帶框架稅。

02

Islands 為肌

只有需要互動的區塊才 hydrate。GSAP、Lottie 關在島上,其餘頁面維持安靜。

03

敘事為魂

旗艦頁用 ScrollTrigger 把理念捲成一段旅程——這正是你現在看到的體驗。

下一步

回到文章閱讀實作細節,或從關於頁認識站長。