幻仿编程 Udemy 付费课程,独家中英字幕 + 配套资料!
限时1折特惠!课程永久访问权,随时随地学习!
Next.js 15 与 PostgreSQL
使用Next 15、postgres、clerk、毛毛雨、打字、shadcn、zod、react hook表单+更多内容构建一个财务跟踪应用程序!
讲师:Tom Phillips, WebDevEducation (Tom Phillips)
你将学到什么
- 提升你作为网页开发者的价值与知识水平
- 使用 Clerk Auth 实现安全的身份验证
- 通过 Postgres 和 Neon 构建和管理数据库
- 精通 TypeScript、shadcn/ui、Tailwind CSS、Zod 和 React Hook Form 的集成,构建健壮、类型安全且用户友好的应用程序
- 保护特定路由,确保只有经过身份验证的用户才能访问应用程序的某些部分
- 使用 Drizzle 实现与 Postgres 数据库的无缝交互
课程要求
- 学习与实验的意愿:积极主动的态度和探索新技术(如 Next JS、PostgreSQL、TypeScript 和数据库管理)的热情,将帮助学员充分受益于本课程
- 需要具备 React 的基本理解,因为本课程建立在 React 概念之上,并将其与 Next JS 集成
- 建议熟悉 Node 和 NPM,以便管理依赖项和运行开发环境
课程描述
欢迎来到 Next.js 15 与 PostgreSQL 课程!在本项目驱动的课程中,你将构建 NextCash——一个功能强大的财务应用程序,用于追踪收入与支出,同时掌握 Next JS 与 PostgreSQL 数据库的工具与技术。
通过循序渐进的指导,你将超越基础知识,集成前沿技术,确保你离开课程时掌握能够立即应用于实际项目中的真实技能。
你将学到:
Next.js:使用基于文件的新的 app 路由器/目录,同时利用服务端与客户端组件。
服务端操作(Server Actions):实现高效的服务器端逻辑来处理你的应用程序数据。
TypeScript:为前端和后端编写清晰、可扩展且类型安全的代码。
通过 Neon 使用 PostgreSQL:设置托管数据库,安全存储收入与支出数据。
Drizzle ORM:通过类型安全且开发者友好的 ORM 简化数据库交互。
Clerk 身份验证:轻松集成安全的用户身份验证功能。
Zod 验证:通过强大的模式验证确保数据完整性。
Shadcn UI 与 Tailwind CSS:使用自定义组件和工具优先的样式,设计美观现代的用户界面。
项目重点:
你将创建 NextCash——一个功能完整的应用程序,让用户能够:
1. 记录收入与支出:添加、编辑和删除交易记录。
2. 查看报告:通过动态图表和摘要展示数据。
3. 管理账户:通过安全的用户身份验证打造个性化体验。
课程结束时,你不仅会获得一个可展示在作品集中的专业级项目,还将拥有自信,能够使用行业最新工具构建复杂且可扩展的网页应用程序。
本课程适合谁:
网页开发者:希望学习或提升使用 Next JS 15 与 Postgres 及其他行业标准库和工具开发网站和应用的技能。
自由职业者与求职者:希望创建令人印象深刻的项目,在竞争激烈的就业市场中脱颖而出。
科技爱好者:渴望以实践、动手的方式探索一套完整的技术栈。
为什么要报名:
本课程不仅仅是编程——更是通过真实经验去构建有意义的项目。无论你是准备好学习最新工具的初学者,还是希望保持前沿技术优势的资深开发者,本课程都适合你!
立即加入我们,今天就开始构建 NextCash 吧!
本课程适合谁
- 本课程非常适合希望提升自身作为网页开发者的价值,并通过 Next JS 等现代工具与技术增强网站与应用开发技能的网页开发者。
| 共 37 节课程 • 总时长 6 小时 48 分钟 | |
| 第一章 介绍 | |
| 1. 介绍 | 2分37秒 |
| 2. Udemy 评分和评论 | 38秒 |
| 3. 这门课程的有用工具和资源 | 2分29秒 |
| 4. 项目设置 | 4分59秒 |
| 第二章 实现认证 | |
| 1. 创建顶部导航栏 | 8分42秒 |
| 2. 设置clerk auth | 5分41秒 |
| 3. 创建测试账户并渲染用户下拉菜单 | 11分54秒 |
| 第三章 构建创建新交易功能 | |
| 1. 创建新的交易页面 | 13分44秒 |
| 2. 完成创建交易功能 | 6分45秒 |
| 3. 处理创建交易的错误和成功状态 | 9分19秒 |
| 4. 为所有仪表板路由实现路由保护 | 6分23秒 |
| 5. 使用zod创建事务表单模式 | 13分51秒 |
| 6. 渲染第一个表单字段 | 11分15秒 |
| 7. 完成剩余表单字段的渲染 | 13分49秒 |
| 8. 在neon上创建postgres数据库 | 18分12秒 |
| 9. 用类别数据初始化数据库 | 11分48秒 |
| 10. 查询分类数据 | 15分4秒 |
| 11. 构建 createTransaction 服务器操作 | 20分45秒 |
| 第四章 构建交易页面 | |
| 1. 构建基本交易页面UI | 14分6秒 |
| 2. 查询交易数据 | 11分57秒 |
| 3. 将交易数据显示在表格中 | 15分46秒 |
| 4. 查询交易的关联类别数据 | 8分39秒 |
| 5. 实现交易中的月份和年份筛选 | 19分22秒 |
| 第五章 构建编辑事务页面 | |
| 1. 创建编辑交易页面并渲染交易表单 | 8分49秒 |
| 2. 查询交易并使用默认值填充交易表单 | 15分44秒 |
| 3. 完成编辑交易功能(更新交易服务器操作) | 12分11秒 |
| 4. 添加删除交易界面 | 7分57秒 |
| 5. 创建deleteTransaction服务器操作 | 8分15秒 |
| 6. 为不存在的交易添加自定义错误页面 | 6分58秒 |
| 第六章 构建主仪表板页面 | |
| 1. 添加最近的交易表 | 14分23秒 |
| 2. 查询年度现金流 | 22分40秒 |
| 3. 添加现金流卡片和动态加载数据 | 15分48秒 |
| 4. 添加使用 Recharts 的现金流条形图 | 21分47秒 |
| 5. 添加现金流摘要 | 9分17秒 |
| 第七章 额外内容 | |
| 1. 上传项目到github | 1分47秒 |
| 2. 部署到 Vercel | 4分49秒 |
| 3. 为clerk设置自定义域名 | 10分28秒 |
| 1. 关于课程更新与获取 如何获取本站课程? ○ 免费获取方式:在本站签到、评论、发布文章等可获取积分,通过积分购买课程。 ○ 付费获取方式:购买本站【月度会员】或【永久会员】。 课程购买后是否支持更新? ○ 是的,所有课程均提供免费更新服务。 我们致力于为您提供持续的学习支持。 如何获取更新? ○ 单独购买的课程: 您可在“个人中心”随时查看购买记录及最新下载链接,轻松获取免费更新。 ○ 永久会员: 您可在相关页面直接查看最新下载地址,随时免费获取更新。 ○ 非永久会员(重要提示):通过会员权限下载的课程,在“个人中心”可能不显示具体订单记录。 因此,会员到期后,您将无法通过“个人中心”查看最新下载链接。 ① 解决方案建议:续费会员: 恢复会员权限后,即可再次查看所有最新下载链接。 ② 妥善保存下载链接: 我们强烈建议您在会员有效期内,保存好本站分享的课程下载链接。通常,课程更新内容会直接补充到原有分享链接中。 |
| 2. 关于课程资料 课程下载后资料是否齐全? ○ 绝大部分课程资料齐全。 我们尽力确保您获得完整的学习资源。 ○ 少数情况说明: 极少数课程可能存在资料缺失情况。针对 Udemy 课程,资料形式多样,请知悉:本地文件(随视频下载): 此类课件通常随视频一并提供,下载即得。 ① 本地文件(含链接): 课件文件中会提供资料下载链接,您需自行访问链接下载。此类资料通常也可获取。 ② 在线平台存储(如 GitHub): 讲师会在视频中说明资料获取方式(如访问特定平台),请您按指引自行下载。 ③ Udemy 平台内资料: 部分资料需登录您在 Udemy 购买的账号才能查看。此类资料本站无法提供,除非您自行在 Udemy 平台购买该课程。 |
| 3. 关于课程字幕 是否提供中英文双字幕?原本无字幕的课程是否支持? ○ 是的,本站下载的所有课程均提供中英文双字幕,包括 Udemy 原本无任何字幕的课程。 我们致力于提升您的学习体验。 Udemy 字幕现状与本站服务: ○ Udemy 绝大多数课程本身不提供任何字幕。在少数提供字幕的课程中,也几乎不提供中文字幕。 本站字幕服务流程: ① Udemy 有字幕: 我们会将其翻译成中文字幕,与英文字幕一同提供。 ② Udemy 无字幕: 我们会通过技术手段识别生成英文字幕,再翻译成中文字幕,一同提供给您。 字幕服务重要说明(请您理解): ○ 翻译精度: 字幕翻译采用谷歌翻译引擎完成,虽不及人工翻译精准,但足以保障您正常学习理解。 ○ 若您仍然觉得字幕精度较低: 可联系站长针对性润色字幕(该服务仅限本站会员)。 |
| 4. 关于视频存储与使用 视频存储位置与观看/下载方式? 本站所有课程视频均存储于网盘平台。 您支持在线观看: 可在网盘内直接播放学习。 您支持下载: 可将视频下载至本地,使用播放器播放,更灵活便捷。 主要存储网盘:百度网盘 视频格式与加密情况? 本站所有课程视频均以 MP4 或 MKV 通用格式提供。 视频文件不加密,您可自由分享(请遵守相关法律法规)。 播放建议: 使用本地播放器(如 PotPlayer)播放时,可同时加载中英文字幕文件,学习体验更佳。您可参考我们提供的《PotPlayer 挂载中英双字幕教程》。 |
| 5. 关于售后支持与退款政策 遇到问题如何联系? 无论您在购买前或购买后遇到任何疑问,都欢迎随时联系站长。 我们将竭诚为您服务。 退款政策说明: 原则: 由于虚拟商品(课程、资料等)具有可复制性,一旦购买成功并完成下载,原则上不支持退款。 请您在购买前仔细阅读课程介绍、资料说明及本条款,确认符合您的需求。 如有不确定之处,欢迎先行咨询站长。 |



























暂无评论内容