營養師不開菜單後的 Next.js 全端轉職攻略

Chapter 01 專案介紹
Chapter 02 專案架構
Chapter 03 為什麼選擇Next.js
Chapter 04 靈活運用Next.js的三種Route
Chapter 05 展開Next.js的連結導覽
Chapter 06 煥然一新的Data Fetching
Chapter 07 Server Component初體驗
Chapter 08 資料庫的選擇–MongoDB
Chapter 09 新世代ORM工具Prisma現學現賣
Chapter 10 Tailwind CSS + Headless UI一氣呵成
Chapter 11 NextAuth.js開箱即用的身分驗證套件
Chapter 12 OAuth權限申請：Google、Github、Facebook、Twitter
Chapter 13 不需要React Provider管理狀態的Zustand
Chapter 14 全平台皆可使用的Pragmatic drag and drop
Chapter 15 從Formik跳槽到React Hook Form
Chapter 16 TypeScript不夠？使用Zod做型別驗證
Chapter 17 在Next.js中使用Cloudinary管理媒體資源
Chapter 18 使用React Hot Toast實現各種狀態通知
Chapter 19 Next.js實作：Link In Bio Tool畫面設計與整體規劃
Chapter 20 Next.js後端實戰：Model與API
Chapter 21 Next.js後端實戰：錯誤處理及Security Headers
Chapter 22 Next.js Middleware實作權限及CSP，建起護城河
Chapter 23 Next.js前端實戰–前端實作流程及狀態管理
Chapter 24 Next.js前端實戰–頁面核心功能實作
Chapter 25 Next.js前端實戰–頁面及請求的錯誤處理
Chapter 26 運用Next.js內建工具，打造專案效能優化
Chapter 27 Next.js SEO極致優化，為網站提升曝光度！
Chapter 28 Next.js in Docker，跟上容器化技術
Chapter 29 Next.js搭配Vercel實現分鐘級一鍵部署
Chapter 30 建立網址安全性檢測機制

藍奕欣（Renee Lan）

一個在廚房走跳的營養師，日常面對廚師、廠商和老師家長。在疫情期間，發現需要跳脫現況，才能讓身心有更戲劇般的成長。因緣際會下，在不到四個月的時間裡自學並轉職，從中獲得了許多樂趣和成就感。

做為React前端工程師，與團隊中其他同事合作時，因好奇心而想了解更多關於網路及後端的世界。也勇於挑戰自我，開始進行獨立開發，因此踏入了Next.js的領域，摸索框架所提供的各種功能與特性，並運用於Side Project中。

擁有前、後台網站開發經驗，以及重構歷史悠久的程式碼經歷，並為旅遊電商改善網站效能，消除不良性的評分。秉持著「做中學，學中做」的精神，希望將經驗分享給轉職中或剛轉職的朋友們。