系列文章
營養師不開菜單的第一天 - 為什麼要做 Link In Bio Tool？
前言 一年半前，我還是個每天在廚房走跳的營養師，除了跟廚師或阿姨打交道，就是跟廠商吵架，再接著對老師家長畢恭畢敬，職業生涯中完全沒想過這輩子會當前端工程師。在...
營養師不開菜單的第二天 - Link In Bio Tool 專案介紹
今天營養師除了不開菜單，也不介紹保健食品或健康宣導，而是來專案介紹，實作作品是一個 Link in Bio Tool 的 0 到 1 開發，會依據專案背景、目的...
營養師不開菜單的第三天 - Link In Bio Tool 專案架構
我們人體的骨架是支撐我們人體重要的器官，它不僅提供結構，使我們能夠站立和行動還有保護內臟，我覺得專案架構就如同我們的骨架，如果沒有好好的建立，讓所有功能和模組都...
營養師不開菜單的第四天 - 為什麼要用 Next.js
說到為什麼要用 Nextjs 來做主要的開發框架，我覺得可以透過我的產品目的及我的開發模式來決定: 我的專案是個公開性的網頁，並且希望用戶可以透過我的產品提...
營養師不開菜單的第五天 - 靈活運用 Next.js 的三種 Route
超商有三種起司三明治，Next.js 則有三種 Route，Dynamic Routes、Parallel Routes、Intercepting Routes...
營養師不開菜單的第六天 - 探討 Next.js 連結導覽 & Data Fetching
網站如餐廳，提供多樣「數位料理」供使用者選擇。在這虛擬餐廳，Navigation 就像精心排列的菜單，列舉所有「餐點」，助使用者快速找到所需。而當使用者做出選...
營養師不開菜單的第七天 - Next.js 13 Server Component 初體驗
在營養教育的時候常會介紹整個餐點製作的過程，稱為「農場到餐桌」，我們的 code 就像食材，確定了網站的基礎結構和用戶體驗；而 Rendering 則像烹飪技巧...
營養師不開菜單的第八天 - 為什麼要用 MongoDB
食物進入身體後，經過消化系統分解為能量儲存：葡萄糖給予快速能量，而脂肪提供長期儲存。考慮資料庫時，我們也會選擇適合的“能量”來源。像葡萄糖那樣，有些資料庫適合...
營養師不開菜單的第九天 - 新世代 ORM 工具 Prisma 現學現賣
Prisma 就像人體中的消化酵素 (enzyme)。就如消化酵素幫助我們分解和吸收食物中的營養，將大的複雜分子轉化為我們身體容易吸收的小分子，Prisma...
營養師不開菜單的第十天 - 為什麼要用 Tailwind CSS + Headless UI
TailwindCSS 與 Headless UI 就像用原型食物去做烹煮，而不是經過非常多製程的加工食品。當我們使用它們時，我們得到的是最基本、最純粹的成分，...