本書有DRM加密保護,需使用HyRead閱讀軟體開啟
  • 營養師不開菜單後的 Next.js 全端轉職攻略:從專案規劃、畫面設計、資安到 SEO, 挑戰一人 Side Project
  • 點閱:48
    25人已收藏
  • 作者: 藍奕欣(Renee Lan)著
  • 出版社:博碩文化
  • 出版年:2024
  • 集叢名:iThome鐵人賽系列書
  • ISBN:9786263339507
  • EISBN:9786264140041 EPUB
  • 格式:EPUB 版式
租期14天 今日租書可閱讀至2024-12-25

  打造零到一的 Side Project,扭轉前端開發職涯的偉大航道
  Next.js 讓前端工程師也能獨立開發高完整度的專案!
  本書內容改編自第15屆 iThome 鐵人賽SideProject30組優選系列文章《營養師不開菜單要用 Next.js 13 寫全端》。本書是專為希望在 Next.js 框架下進行全端開發的讀者所設計的全面指南,不深入探討 Next.js 或其他工具的底層原理,而是聚焦於實際開發中的規劃思維、工具選擇及應用方法。

  以一個 Link in Bio的專案為範例,從專案簡介與架構概要開始,逐步深入 Next.js 框架的核心功能,教導讀者如何選擇並整合適合的開發套件,並詳細展示前後端開發的關鍵實作,介紹效能優化與部署策略,最後介紹對於網址惡意威脅的防範方法。希望已具備 React 或 Next.js 基礎,並希望更進一步的開發者,可以透過本書了解如何不需要借助其他網頁領域的開發,獨自從零打造一個功能完整的全端應用。


  重點摘要
  ✦ 創新之旅
  解析 App Router 的前後端應用
  ✦ 套件挑選技巧
  分析需求羅列利弊,精確選擇
  ✦ 現代部署實踐
  容器化與雲端部署,網址安全性檢測
  ✦ 結合營養知識
  附註營養小知識,增趣又實用

  目標讀者
  ● 已具備 React基礎,希望進一步深入了解全端開發技術的開發者
  ● 想要一人從構思到實現整體開發流程的前端工程師
  ● 希望面試時可以帶有自己獨立完成 Side Project 的初轉職者
  ● 想要了解 Next.js App Router 創新應用的網頁工程師
  ● 想要獲得營養基礎小知識的所有工程師

專業推薦

  這本書提供了一個極為實用的全端開發指南,尤其適合那些希望利用 Next.js 框架獨立開發高完整度專案的開發者。透過一個完整的 Side Project 案例,作者深入解析了 Next.js 的核心功能,從專案規劃到工具選擇,再到前後端關鍵實作和效能優化,每一步都體現了作者在全端開發領域的細膩見解。無論你是希望獨立完成從構思到實現的整體開發流程,還是希望透過一個功能完整的 Side Project 在面試中脫穎而出,這本書都能為你提供所需的知識和技能。書中詳實的案例分析和實用的開發技巧,將幫助你在實際工作中應對複雜的開發挑戰,提升你的全端開發能力。我由衷地推薦本書,給每一位希望在全端開發道路上不斷進步的開發者。──── Mike Hsu|《從異世界歸來發現只剩自己不會 Kubernetes》作者

 

作者簡介

藍奕欣(Renee Lan)

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


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

  擁有前、後台網站開發經驗,以及重構歷史悠久的程式碼經歷,並為旅遊電商改善網站效能,消除不良性的評分。作者秉持著『做中學,學中做』的精神,希望將經驗分享給轉職中或剛轉職的朋友們。
  • 推薦序
  • 序言
  • 目錄
  • 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 建立網址安全性檢測機制
紙本書 NT$ 680
單本電子書
NT$ 680

點數租閱 20點
租期14天
今日租書可閱讀至2024-12-25
還沒安裝 HyRead 3 嗎?馬上免費安裝~
QR Code