React Next.js Node API AWS - 構建可擴展( scale )的 MERN 堆疊應用程式

Contents

學習如何利用 AWS 的儲存（S3）電子郵件（SES）託管（EC2）IAM等功能建立高度可擴展的 MERN Stack 應用程式

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

學習 React JS（前端）Web 開發
學習使用Next Js – 一個用於營運應用程式的 React 框架
學習Node JS API（後端）開發
學習建立高度可擴展的應用程式
學習使用 AWS S3（簡單儲存服務）進行檔案上傳
學習使用 AWS SES（簡單電子郵件服務）來發送電子郵件
學習使用 AWS EC2（彈性運算雲端）在雲端中託管你的應用程式
學習使用 AWS Route 53 進行域名/DNS管理
學習使用 AWS IAM（身份和訪問管理）。
學習編寫客製化的規則/政策來訪問 AWS 服務
學習使用 Mongo Atlas 作為雲端中的管理資料庫
學習使用 Next Js 建構 SEO React 應用程式
學習從零開始建立真實世界的全端/MERN 堆疊應用程式
學習實施基於 JWT 的安全認證系統
學習執行CRUD（建立讀取更新刪除）
學習在客戶端調整影象大小
學習實現豐富文字編輯器
學習實現無限滾動
學習實現檢視次數和載入更多功能
學習建立多使用者平台
學習實現電子郵件群發功能
學習為新成立的公司建立一個強大的 Web 應用程式
使用者登入/註冊/啟用/遺忘/重設密碼
學會用易於維護的應用程式架構編寫簡潔的程式碼
學習建立一個可以在未來無限成長的應用程式

要求

基本瞭解 JavaScript ( 可參考 2023 完整的 JavaScript 課程 : 開發一個真實世界的專案 )
對 React Js 的基本瞭解 ( 可參考 2023 完整的 React 開發者課程 (包含 Redux，Hooks，GraphQL) )
對 Node Js 的基本瞭解 ( 可參考 Nodejs – 完整開發指南(包括 Deno，REST APIs，GraphQL) )

課程說明

掌握使用 MERN 堆疊為一個新的創業公司建立一個高度可擴展的真實世界專案的藝術，該專案將無限地擴展。我將展示你如何啟動一個專案，該專案將有一個堅實的架構，以便在未來發展為潛在的數百萬使用者使用。

技術堆疊

我們將在客戶端使用React和NextJS（React框架）。
我們將使用Node Express MongoDB建立一個API/伺服器。
我們將使用AWS服務，如S3用於檔案儲存，SES用於傳送電子郵件，EC2用於雲主機 IAM用於身份和訪問管理 Route 53用於域名管理以及自定義規則/政策。
我們將使用Mongo Atlas作為雲中的管理資料庫服務。

我們將建立什麼？

建構一個創業專案，其靈感來自於一個成功的真實世界應用程式（在講座中會有更多的討論），多個使用者可以登入並發布/管理他們提交的內容
在建立類似專案的同時，我們將增加一些改進，使其具有無限的可擴展性和更容易維護
以低營運成本為目標，實現一些功能，使使用者使用起來更容易、更有趣、更有吸引力

專案的目標

針對數百萬潛在使用者使用和參與我們的應用程式
使用者可以是任何人……在網上找到一個課程、影片或文章……喜歡它並想分享
他們分享的連結也可以在他們的儀表板上進行更新/刪除
使用者可以是像我這樣的內容創作者……講師、優酷網友、部落格和教程作者、書籍作者等
使用者將註冊/登入到我們的應用程式，釋出/分享/喜歡這些連結/URL
使用者這樣做是為了獲得免費流量……引起人們的注意……免費分享連結

專案概述

登入/註冊系統
需要一個可以無限擴展的MongoDB。我們將使用 Mongo Atlas 來滿足這一要求
需要一個能無限擴展的大規模儲存系統，以儲存使用者上傳的圖片檔案。我們將使用 AWS S3（簡單儲存服務）來滿足這一要求
你永遠不必擔心如何管理數以百萬計的使用者上傳的檔案……讓AWS來解決這個問題吧 S3的定價是市場上最低的，用於儲存無限量的資料，這些資料在全球 AWS 資料中心內隨時可以使用
需要強大的電子郵件服務來為數十萬使用者傳送電子郵件。我們將使用 AWS SES（簡單電子郵件服務）來滿足這一要求
你永遠不必擔心如何向數百萬人傳送電子郵件和支付更高的價格……讓 AWS 來解決這個問題！他們的 SES 的價格是市場上最低的
我們將使用 AWS EC2（彈性運算雲端）來託管我們的後端 NodeJS API 和 React/Next JS 前端，所有這些都在一個例項中
透過使用 AWS 的儲存、電子郵件和託管服務，儘可能地保持成本低
擴展 Web 應用程式的最大問題是儲存和資料庫的擴展。這一部分將由AWS來處理。所以我們作為開發者不必擔心
我們的目標是使1或2個開發人員能夠維護整個專案，並在未來持續成長

簡潔、易於維護的專案架構

極其簡單的架構，易於維護和擴展
獨立的後端 API 和用 react/nextjs 建構的前端，便於開發、程式碼維護和部署
儘可能地保持前端的簡單
場景1 > 你在 react 中建立了一個頁面來完成某些任務。例如，它從你的API/伺服器上獲取資料，並將這些資料放在網頁上供使用者檢視。工作完成
情景2 > 你建立管理頁面來建立一個新的發文。例如，釋出資料到你的API/伺服器，並顯示返回的成功或錯誤的響應。工作完成
儘可能保持後端 API 的簡單性
場景1 > 你有一個 GET 路由。例如”/api/posts”。你將收到一個來自 react/frontend 的請求，要求從資料庫中獲取所有的發文
你把這個請求傳遞給一個控制器方法。控制器方法/函式將對資料庫進行查詢，獲得所有的發文，並返回給 react/frontend。工作完成
場景2 > 你有一個 POST 路由。例如”/api/create/post”。你將從 react/frontend 接收資料以建立一個新的發文。你把這些資料傳遞給一個控制器方法
控制器方法/函式將在資料庫中儲存資料，並返回成功的響應，這將被送回給react。工作完成
這就是我們的應用程式或基本上任何 Web 應用程式的邏輯。請求/響應的迴圈。來自前台的請求，來自伺服器的響應。

你準備好學習這個課程了嗎？

如果你想利用你現有的 react 和 node 的知識來建立一個真實的、可擴展的應用程式，那麼這個課程就是為你準備的
基於這個專案，你可以建立你一直夢想的下一個大東西。或者你可以利用這些知識來幫助新創企業啟動他們成功的商業理念。這種可能性是無窮無盡的

夢想就是夢想，除非你付出努力去實現它。透過參加這個課程，讓你做出努力。我將幫助你把你的夢想變成現實。加入我吧

目標受眾

一個希望為真實世界建立專業的全端/MERN 堆疊應用程式的 Web 開發人員
一個希望建立一個可以在未來無限擴展的應用程式的 Web 開發人員
希望利用 AWS 提供的強大服務的 Web 開發人員
希望為自己或新的新創公司開始一個新專案的 Web 開發人員

講師簡介

Ryan Dhungel 網頁開發者 ( 更多講師主講課程介紹 )

Ryan Dhungel 是一名來自澳大利亞雪梨的網頁開發者。他建立了網站和 Web 應用程式，主要關注於 PHP 和 Laravel 和 JavaScript 以及 React。

他還希望透過為其他開發人員製作解釋清楚實用的指南和培訓課程，使整個 web 開發過程既愉快又富有成效。

英文字幕：有

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

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