Next.js 和 React - 完整指南 (包括兩條路徑！)

Contents

本課程提供兩條路徑，：“完整路徑”（完整的 >20 小時課程）和“摘要路徑”（約 3 小時的摘要模組），可以讓學員學習使用 Next.js 建構營運就緒的全端 ReactJS 應用程式，並瞭解如何使用 NextJS 的預渲染、SSR、資料獲取、基於檔案的路由和認證等功能。

從這 25 小時的課程，你會學到

學習所有關鍵的 NextJS 功能，如預渲染、SSR、資料獲取、基於檔案的路由和認證
瞭解如何使用 NextJS 建構客戶端和全端 ReactJS 應用程式
建構真實的專案，並透過實踐專案和範例應用所學知識
如果你的時間有限，可以選擇完整的課程或 “NextJS Summary “模組快速入門

要求

強烈建議學習ReactJS知識，但課程還包括一個完整的React進修模組
不需要有NextJS的知識

課程說明

本課程有兩條路徑可供您選擇：“完整路徑”（完整的 >20 小時課程）和“摘要路徑”（約 3 小時的摘要模組） – 你可以選擇最適合你時間要求的路徑！ 🙂

————————–

我建立了關於 React 的最暢銷的 Udemy 課程，現在我超級興奮地與你分享這門關於 NextJS 的課程–這是一門關於一個神奇的 React 框架的深入課程，它可以讓你作為一個 React 開發者邁出下一步，並使用 React 和 Next.js 建構真正的、可用於營運的專案!

Next.js 是 ReactJS 的營運就緒、全端能力的框架–這是你現在可以學習的最流行的 JavaScript 程式庫!

太多的流行語對你的口味？

很公平–但事實上，NextJS 是一個很好的選擇，可以讓你成長為一個 React 開發者，並讓你的 React 應用程式更上一層樓!

因為 NextJS 發展迅速，因此需求量很大。而這是有充分理由的。NextJS 允許你建構 React 應用程式，內建伺服器端渲染和頁面預渲染功能。建構出色的使用者體驗和搜尋引擎友好（SEO！）的 React 應用程式從來沒有這麼簡單過。

此外，NextJS 讓建構全端 React 應用程式(前端+後端程式碼結合在一個專案中)也變得極為簡單! 融合客戶端和伺服器端程式碼，並將基於 NodeJS 的 API 與你的前端 React 應用程式並排建構。有了NextJS，這簡直是輕而易舉!

想要新增驗證？NextJS 也簡化了這一點，讓使用者註冊、登入和 session管理變得非常方便。

本課程將帶你在短時間內從 NextJS 初學者到高階水平!

我們將從最基礎的知識開始，完全不需要NextJS的知識，然後我們將深入研究構成NextJS的所有核心功能。無論是在理論上，還是在多個真實專案中，所有的概念都會一步步被應用。

對於這門課程，你需要有基本的React知識，不過課程中確實有一個 “React複習 “模組，以防你距離上次使用React已經有一段時間了。

本課程還包括一個 “NextJS總結 “模組，讓你以後隨時可以回到課程中來複習知識，而不需要再次學習完整的課程。或者你只需要學習那個總結模組（而暫時跳過其他模組），就可以在儘可能短的時間內瞭解所有的核心功能。

完成本課程後，你將為從零開始構建自己的NextJS專案和申請NextJS職位做好充分準備!

詳細來說，本課程將包括

什麼是NextJS？你為什麼要用它？
為什麼只有React（在很多情況下）是不夠的？
從零開始建立NextJS專案&瞭解這些專案。
使用基於檔案的路由
新增動態途徑和全能途徑
實現不同形式的頁面預渲染和伺服器端渲染。
使用資料，並在您的應用程式中新增資料獲取+預獲取功能
預生成動態和靜態頁面
在頁面中新增元資料等最佳化功能。
使用NextJS影象元件最佳化影象
使用API路由構建全棧應用
使用React上下文管理整個應用程式的狀態（在NextJS應用程式中）。
為NextJS應用程式新增身份驗證
多個完整的應用程式，我們將在其中應用所有這些核心概念!
一個完整的React.js複習模組(這樣我們就可以在同一頁面上學習了)
一個NextJS的總結模組，讓你可以複習你所學的知識，或者只是快速探索核心功能。
還有更多!

我迫不及待地想和你一起開始這段旅程! 🙂

目標受眾

想要邁出下一步並建構營運就緒的 React 應用程式的 React 開發人員
以建構全端 React 應用程式為目標的 React 開發人員。
想要使用最流行和需求的技術堆疊之的一般的 Web 開發人員

講師簡介

Maximilian Schwarzmüller，專業網站開發人員和教練 ( 更多講師主講的課程介紹 )

擔任 Web 開發者的經驗

從 12 歲開始，我從未停止學習新的程式設計技能和語言。我很早就開始為朋友創建網站，也只是為了好玩。除了 Web 開發之外，我還探索了 Python 和其他非 Web 專用語言。這種熱情一直持續至今，並促使我決定成為一名自由網路開發人員和顧問。我在這份工作中獲得的成功和樂趣是巨大的，並且真正讓我的熱情洋溢。

在後端開始 Web 開發（使用 Laravel、NodeJS、Python 的 PHP），我也越來越成為一名前端開發人員，在許多專案中使用 React、Angular 或 VueJS 等現代框架。我現在喜歡兩個世界！

我還建構了全端應用程式並獲得了專業的 DevOps 和雲端運算知識——我持有的許多 AWS 認證（包括頂級解決方案架構師專業認證）證明了這一點。

作為一名自學成才的開發人員，我有機會通過攻讀工商管理並獲得碩士學位來拓寬自己的視野。這使我能夠在一家大型戰略諮詢公司和一家銀行工作。在學習的同時，我比這些領域更享受發展，在這個領域的時間大大提高了我的整體經驗和技能。

擔任教練的經驗

作為一名自學成才的專業人士，我真的知道學習新語言或改進已知語言時的難點和難點。這種背景和經驗使我能夠專注於最相關的關鍵概念和主題。我在 Udemy 上許多 5 星級課程和超過 2,000,000 名學生的記錄就是最好的證明。

無論是擔任開發講師還是教授工商管理，我總是收到很好的反饋。最有價值的體驗是看到人們如何找到新的更好的工作，建構出色的 Web 應用程式，獲得出色的專案或只是在我的內容的幫助下享受他們的愛好。

我與 Manuel Lorenz 一起創立了 Academind，為我們超過 2,000,000 名學生提供最好的學習體驗。

字幕：簡中、英文

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT330 起( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現