Next.js Server Actions 實用指南:讓表單處理和資料變更變得更簡單
Server Actions 是 Next.js 14 帶來的重大功能,讓你直接在 Server 端的函式中處理表單提交和資料變更,不需要建立 API Route。這篇說明 Server Actions 的適用場景、寫法和安全注意事項。
Next.js / React / 後端開發
閱讀全文↗Loading
文章主題
顯示 9 / 24 篇文章
Server Actions 是 Next.js 14 帶來的重大功能,讓你直接在 Server 端的函式中處理表單提交和資料變更,不需要建立 API Route。這篇說明 Server Actions 的適用場景、寫法和安全注意事項。
Next.js / React / 後端開發
閱讀全文↗「我應該用什麼狀態管理工具?」是 React 開發者最常問的問題之一。答案取決於你的應用規模和複雜度。這篇說明各種方案的適用情境,讓你做出合適的選擇而不是過度工程化。
React / 前端開發 / 狀態管理
閱讀全文↗選品牌顏色不是「我喜歡這個顏色」就可以——顏色傳遞情緒、建立差異化,也影響諸多使用情境的可用性。這篇說明從零建立一套完整品牌調色盤的系統化方法,包含主色、輔色、中性色和語意色的角色。
品牌設計 / 色彩理論 / 設計系統
閱讀全文↗「我的服務很好,但我不確定怎麼要求客戶留下好評。」這是很多接案者的困境。系統化地收集客戶見證不需要很難為情,而且它是你網站上轉換率最高的元素之一。
接案流程 / 行銷策略 / 個人品牌
閱讀全文↗設計師和開發者的協作往往有一個通病:設計師交出的 Figma 稿件,開發者實作出來後效果天差地遠。這不一定是技術問題,通常是交付品質和溝通方式的問題。這篇說明如何做好設計交付(Handoff)。
設計流程 / Figma / 開發協作
閱讀全文↗每次和新客戶談網站需求,都必須解釋這個問題。CMS 建站工具(WordPress、Webflow、Wix)和自行開發的客製化網站各有優劣,沒有「哪個一定最好」,只有哪個最適合你的現況。
技術指南 / 網站設計 / 接案流程
閱讀全文↗Next.js App Router 有一套複雜但強大的多層快取系統。搞懂快取策略,能讓你的網站同時兼顧高性能和資料新鮮度。這篇說明 Next.js 快取的四個層面,以及常見設定方式。
Next.js / 效能優化 / 快取
閱讀全文↗研究顯示,超過 80% 的消費者相信朋友和家人的推薦,遠高於任何廣告形式。但大多數品牌的口碑傳播是「隨機的」,沒有系統化地鼓勵和追蹤轉介。這篇說明如何建立有效的客戶推薦系統。
口碑行銷 / 客戶關係 / 接案策略
閱讀全文↗Next.js 官網需要儲存和提供圖片等媒體檔案時,Supabase Storage 是成本低、整合方便的雲端儲存選項。這篇說明從 Supabase Storage 的設定到在 Next.js 中實作檔案上傳和讀取的完整流程。
Supabase / Next.js / 技術
閱讀全文↗委託網站之前,最常需要先弄清楚的問題。
01 · 網站費用與報價
很多品牌花大錢做了一個網站,然後三年都沒有碰它。沒更新內容、沒更新套件、沒備份、沒看過 Google Search Console。這些疏漏的代價,通常在一個最不對的時機以最戲劇性的方式出現。
了解網站設計費用02 · 中小企業數位化
品牌名稱是你的品牌給人的第一印象——它出現在每一個觸點上,從名片到 Google 搜尋。一個好名字可以讓品牌事半功倍,一個壞名字則是持續的負擔。這篇說明品牌命名的原則和台灣市場的特殊考量。
企業官網建置服務03 · 網站製作流程
接下一個專案後做的前 48 小時,決定了客戶對整個專案的信任基調。很多自由接案者在「拿到錢」之後才開始想要怎麼進行——剛好反了。本文分享一套讓客戶感覺被照顧的 Onboarding SOP。
網站設計與網頁設計服務
Journal · 225 篇文章
設計思維、開發實務、品牌建立
每篇都是真實案例積累的心得