使用 Claude Code AI 建立 Next.js Web 應用程式。包含 MCP、自訂規則、命令、代理、工作流程自動化等功能!
從這 4.5 小時的課程,你會學到
- 如何使用 Claude Code 進行智慧編碼,包括建立自訂工作流程、自動化流程和斜線命令。
- 如何建立一個幾乎完全由 Claude Code 產生的全端 Next.js 應用程式(LiftingDiary)。
- 如何整合現代工具:Clerk 用於身份驗證,Postgres on Neon,Drizzle ORM 和 shadcn/ui,以建立一個可用於生產環境的技術棧。
- 如何使用 MCP 初始化資料庫,如何透過自訂文件強制執行編碼規範,以及如何引導 Claude Code 的輸出符合你的編碼風格。
- 如何在保持程式碼庫整潔、易於維護和一致的情況下,將 Claude Code 視為結對程式設計工具的最佳實踐。
- 如何使用你自己的約定擴展 Claude Code,並將智慧編碼擴展到更大的專案中的高級技巧。
要求
- 擁有有效的 Claude Code 訂閱。
- 熟悉 Web 開發概念。
課程說明
重要提示!參加本課程需要有效的 Claude 訂閱。很遺憾,Claude Code 並非免費工具。
使用 Claude Code,邁入軟體開發的未來。在本實踐性強、以專案為基礎的課程中,你將學習如何利用智慧編碼,以前所未有的速度、智慧和一致性建立全端應用程式。
我們將建立一個名為 LiftingDiary 的完整健身記錄應用程序,該應用程式基於 Next.js,並由 Claude Code 為我們完成繁重的計算工作。在此過程中,你將學習如何設計和產生自己的程式碼標準、工作流程和自動化流程,從而使 Claude Code 能夠編寫出符合你個人風格的、可用於生產環境的程式碼。
你將學到:
你將學習如何:
- 代理編碼基礎
了解 Claude Code 的工作原理、如何控制其輸出,並建立你自己的「代理程式工作流程」。 - 從零開始建立 LiftingDiary
使用 Claude Code 產生完整的 Next.js 應用程式,從設定到部署。 - 資料庫和身份驗證整合
- 使用 MCP(Model Context Protocol,模型上下文協定)在幾秒鐘內向託管在 Neon 上的 Postgres 資料庫填充範例資料。
- 使用 Clerk 實現安全身份驗證。
- 使用 Drizzle ORM 管理資料庫模式和查詢。
- 使用者介面和開發者體驗
- 使用 shadcn/ui 建立現代化介面。
- 自訂組件並保持設計一致性。
- Claude Code 作為你的隊友
- 編寫自訂文件檔案以指導編碼規格。
- 透過規則強制執行約定,從而影響輸出的每一行。
- 為常用任務建立自訂 slash 指令。
- 自動化重複性工作流程。
- Claude Code 的最佳實踐
了解如何避免陷阱,保持程式碼庫的可維護性,並將 Claude 視為智慧結對程式設計師而不是複製貼上機器。 - 高階代理編碼技術
學習如何提示、建立工作流程以及使用你自己的約定擴充 Claude Code。
無論你是對 AI 編碼工具感興趣的初學者,還是準備使用 Claude Code 成為專業人士的經驗豐富的開發人員,本課程都將為你提供在新時代軟體開發中取得成功所需的技能、信心和系統方法。
目標受眾
從初學者到經驗豐富的開發人員,想要學習如何將 Claude Code 整合到他們的工作流程中,並大幅加快開發速度。
講師簡介
Tom Phillips 為繁忙的 Web 開發人員的快節奏、資訊量豐富的課程
Tom 從事網頁開發十餘年。他創建了 WebDevEducation,旨在提供能夠提升自身價值並幫助你在網頁開發領域脫穎而出的課程。Tom 的課程節奏緊湊、資訊豐富、以專案為導向,絕不浪費時間在無用的內容上。與其花費 30 多個小時學習你可能無法完成的課程,不如用四分之一的時間學習同樣的內容,並在課程結束時獲得一個功能齊全的託管專案,以及 GitHub 程式碼來證明你掌握了相關技術。跟隨湯姆學習流行的網頁開發庫和框架,在競爭中脫穎而出!
(TOMPHILL LTD – 09531652)
字幕:英文
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- Udemy 永久擁有課程 許多課程 NT290 起特價中 ( 點入獲取優惠)
- ✨年訂閱每月 NT350✨ 悠遊 Udemy 的 26000+ 門課,最大化學習 ( 原價 NT635/月 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- AI Agent 線上課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
發表迴響