Homepage
Open in app
Sign in
Get started
Claire Wei
Follow
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-1專案介紹
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-1專案介紹
專案概述和各單元內容概要。
Claire Wei
Dec 13, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-16. 專案佈署
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-16. 專案佈署
將專案佈署到 Vercel,以及更新相關 URL 設置。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-15. 深色模式切換
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-15. 深色模式切換
配置深色模式切換功能。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-14. 路由權限驗證
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-14. 路由權限驗證
使用 Middleware 設置路由保護機制,根據用戶身份限制訪問。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-13. 密碼變更
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-13. 密碼變更
實現用戶的密碼更改功能,包括創建界面和處理密碼更新請求。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-12. 帳號登入
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-12. 帳號登入
使用電子郵件和密碼進行帳號登入的方法。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-11. 帳號註冊
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-11. 帳號註冊
使用電子郵件和密碼進行帳號註冊的流程。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-10. 用戶資料更新
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-10. 用戶資料更新
實現用戶資料的更新,包括創建表單和處理更新請求。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-9. Google OAuth 與 mongoose
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-9. Google OAuth 與 mongoose
結合 Google OAuth 和 mongoose 管理用戶數據。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-8. MongoDB 配置
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-8. MongoDB 配置
在 Next.js 專案中配置 MongoDB 資料庫,並使用 mongoose 進行數據模型的建立。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-7. 用戶登出
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-7. 用戶登出
用戶登出功能的實現,並利用 Middleware 控制對特定頁面的訪問。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-6. Google OAuth
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-6. Google OAuth
整合 Google OAuth 作為登入方法,並處理第三方認證。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-5. 註冊與登入
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-5. 註冊與登入
用戶註冊和登入的實現方式,包括表單的建立和驗證。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-4. NextAuth設定
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-4. NextAuth設定
使用 NextAuth.js 進行身份認證,包括配置和使用者數據處理。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-3. 介面配置
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-3. 介面配置
配置和設計用戶界面,包括 Navbar 和 Footer,及相關組件配置。
Claire Wei
Dec 12, 2023
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-2. 專案建立
全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-2. 專案建立
初始化和設置 Next.js 專案,包括基本配置和套件安裝。
Claire Wei
Dec 12, 2023
Heroku 的替代方案:使用 Render 免費佈署 Node.js App
Heroku 的替代方案:使用 Render 免費佈署 Node.js App
自從 Heroku 取消免費方案之後,許多開發者開始尋求其他不需付費且容易上手的託管平台。經過搜尋和考量,筆者發現 Render 是一個不錯的選擇,其免費方案適合用於個人小型專案或求職階段的展示專案。
Claire Wei
Aug 21, 2023
專案練習: 俄羅斯方塊(React)
專案練習: 俄羅斯方塊(React)
用React完成基本版俄羅斯方塊
Claire Wei
Aug 16, 2022
2022非本科矽谷前端工程師求職經驗分享
2022非本科矽谷前端工程師求職經驗分享
家人於2021外派美國工作,此文章為筆者於2021年底趁家人外派期間來矽谷一系列面試前端工程師的體驗紀錄,面試時間約在2022/01到2022/06。
Claire Wei
Aug 13, 2022
React.memo 筆記與範例
React.memo 筆記與範例
本文紀錄React.memo的重要概念及使用範例。
Claire Wei
Jul 27, 2022
React Hooks useMemo 筆記與範例
React Hooks useMemo 筆記與範例
本文紀錄useMemo的重要概念及使用範例。
Claire Wei
Jul 27, 2022
React Hooks useCallback 筆記與範例
React Hooks useCallback 筆記與範例
本文紀錄useCallback的重要概念及使用範例。
Claire Wei
Jul 26, 2022
React Hooks useRef 筆記與範例
本文紀錄useRef 與 useState的主要差別,及useRef的使用範例。
Claire Wei
Jul 26, 2022
10.Algorithms: Searching + BFS + DFS 學習筆記
10.Algorithms: Searching + BFS + DFS 學習筆記
學習資料來源: Master the Coding Interview: Data Structures + Algorithms
Claire Wei
Jul 20, 2021
9.Algorithms: Sorting 學習筆記
9.Algorithms: Sorting 學習筆記
學習資料來源: Master the Coding Interview: Data Structures + Algorithms
Claire Wei
Jul 18, 2021
About ClaireWei
Latest Stories
Archive
About Medium
Terms
Privacy
Teams