Your cart is empty.
Keep shopping
Next.js 13全棧身份認證實作 Full Stack Authentication With Next.js 13
10 students
Next.js 13全棧身份認證實作 Full Stack Authentication With Next.js 13
使用 Next.js 13、NextAuth、MongoDB 和 TypeScript 搭配 Server Actions 實現全棧身份認證
Created byClaire Wei
Last updated 12/2023
Chinese (Traditional)
What you'll learn
- 掌握使用 NextAuth 進行身份驗證：學會如何利用 NextAuth 在 Web 應用中實現身份驗證機制。
- 認識 MongoDB 資料庫的整合與使用：學習如何通過 Mongoose 連接 MongoDB 資料庫，並在一個實際的 Web 應用環境中進行資料操作。
- 理解 TypeScript 在前端開發中的應用：通過實際案例獲得使用 TypeScript 進行類型檢查和提高代碼質量的實踐經驗。
- 開發安全的用戶驗證和授權流程：學習如何建立安全的登入機制，包括使用電子郵件和密碼的認證登入，以及實施不同用戶角色（如普通用戶和管理員）的路由訪問管理。
Explore related topics
Course content
4 sections • 16 lectures • 3h 43m total length
Requirements
- 有使用 React 進行前端開發的實際經驗。
- 了解 Tailwind CSS 的基本概念和應用。
- 了解 MongoDB 的基本操作。
- 了解 TypeScript 的基礎語法。
Description
在課程中我們將探索如何使用 Next.js 13、NextAuth.js、MongoDB、TypeScript 搭配 Server Actions 來構建高效安全的 Web 應用程序。學習如何利用 NextAuth.js 實現身份驗證機制，包括整合 Google OAuth 等多種登入方法。
課程重點介紹提升應用安全性的實作方法，例如學習如何安全處理密碼，以及如何實施基於用戶身分的路由保護，確保僅有授權用戶能夠訪問特定頁面。我們將使用 MongoDB 進行數據存儲，並利用 Mongoose 來設計和操作數據模型。此外，課程中運用 TypeScript 提高代碼的可讀性和維護性，從而更有效地進行開發和錯誤處理。課程中還包括了 shadcn/ui 組件的實際應用，這些基於 Tailwind CSS 樣式設計的組件具備高度的可客製性，能根據需求靈活選擇和調整，打造符合需求的 Web 應用程序。
如果您對 Next.js 全棧身份認證實作感興趣，課程講義《全棧身份認證實作：使用 Next.js、NextAuth.js 和 MongoDB》（可在 Medium 上閱讀）。涵蓋了從開發環境搭建到用戶認證、數據管理，以及專案佈署的完整流程，展現了這些技術的實際應用。閱讀完講義後，如果您希望獲得解說和視覺教學，歡迎您觀看此課程的影音內容。
Who this course is for:
- 對學習 Next js 13 版本有興趣的開發者。
- 想要掌握如何通過 NextAuth 進行身份認證。
- 希望將 MongoDB 作為後端數據解決方案。
- 欲通過 TypeScript 提升代碼質量。