使用 Next.js 和 Apollo 開發的應用程式作品組合課程 (w/ React, GraphQL, Node)

Contents

使用 Next.js(Next 9+) / React ，後端使用 Apollo + Node.js 來學習 GraphQL 和 Apollo！建立一個快速的應用程式作品組合

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

使用 Next JS、 Apollo 和 Node 開發真實世界的 web 應用程式
使用市場上最需要的框架建立你自己的應用程式作品組合
充分掌握 GraphQL 的強大功能
在激動人心的 Next 和 React Web 開發環境中立足

要求

基本的 React JS
HTML 和 CSS 基礎，但不是必要

課程說明

什麼是 GraphQL？

GraphQL 是用於 API 的查詢語言，也是用於使用為資料定義的型別系統執行查詢的伺服器端 runtime。 GraphQL 不繫結到任何特定的資料庫或儲存引擎，而是由你現有的程式碼和資料支援。

Apollo 是什麼？

Apollo 是業界標準的 GraphQL 實現，提供了將現代應用程式連線到雲端的資料圖層。 Apollo 將處理現成的資料獲取、快取和狀態管理！

什麼是 Next.js？

Next.js 是 React 框架，為伺服器端渲染(SSR)應用程式提供架構和簡單的開發體驗。

一個直覺基於頁面的路由系統(支援動態路由)
預渲染，靜態生成(SSG)和伺服器端渲染(SSR)都在每頁的基礎上得到支援

我們要建構什麼？

我們將主要工作在作品組合功能。你將學習如何使用 Apollo 和 GraphQL 管理客戶端和伺服器上的資料。資料將儲存在 Mongo Atlas 資料庫中，我們將通過 Node.JS 伺服器與之通訊。我們將建立一個功能來建立一個作品組合，我將解釋如何輕鬆地管理表單。然後，我們將介紹一個更新功能，其中我將向你展示如何使用現有資料輸入。之後將工作於一個刪除功能。所有的功能都是反應式的，可以即時更新 view。你將通過 Apollo 學習資料獲取和資料變換的基礎知識。

我們將要研究的另一個重要特性是基於 session 的身份驗證。我們將準備登入和登錄表格。使用者將能夠註冊，登入和經驗功能只為身份驗證的使用者。你將學習如何管理 session，如何保護頁面，以及如何通過應用程式管理身份驗證狀態。

論壇功能將是最大的一個。你將學習如何建立一個由主題和帖子組成的充分可運作的論壇。我們將整合一個元件，將用於主題和發文的建立。使用者可以建立各種主題、帖子，也可以回覆其他帖子，所有這些都可以即時更新，而且可以跨瀏覽器更新。之後，你將學習如何建立一個完全運作的分頁！

在後面的課程中，我們將建立一些功能來獲得主頁的隨機資料，我將討論可重用性。我們將完成簡歷頁面，我們將開始部署。在所有的營運改善將被應用後，我們將部署我們的應用程式到 heroku，以便任何人在網際網路上可以訪問我們的作品組合。