Next.js 15 与 PostgreSQL | Next.js 15 & PostgreSQL

Next.js 15 与 PostgreSQL | Next.js 15 & PostgreSQL-幻仿编程
Next.js 15 与 PostgreSQL | Next.js 15 & PostgreSQL
此内容为付费资源,请付费后查看
50积分
付费资源
资源分类: 人工智能查看预览
最近更新: 2025-09-30文件内容: 视频+中英文字幕+配套课件
视频分辨率: 720P 准高清文件大小: 1.68GB
视频语言: 英语视频字幕: 中英字幕

幻仿编程 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 auth5分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. 构建基本交易页面UI14分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. 上传项目到github1分47秒
2. 部署到 Vercel4分49秒
3. 为clerk设置自定义域名10分28秒
1. 关于课程更新与获取

如何获取本站课程?

免费获取方式:在本站签到、评论、发布文章等可获取积分,通过积分购买课程。
付费获取方式:购买本站【月度会员】或【永久会员】。

课程购买后是否支持更新?
是的,所有课程均提供免费更新服务。 我们致力于为您提供持续的学习支持。

如何获取更新?
单独购买的课程: 您可在“个人中心”随时查看购买记录及最新下载链接,轻松获取免费更新。
永久会员: 您可在相关页面直接查看最新下载地址,随时免费获取更新。
非永久会员(重要提示):通过会员权限下载的课程,在“个人中心”可能不显示具体订单记录。

因此,会员到期后,您将无法通过“个人中心”查看最新下载链接。
解决方案建议:续费会员: 恢复会员权限后,即可再次查看所有最新下载链接。
妥善保存下载链接: 我们强烈建议您在会员有效期内,保存好本站分享的课程下载链接。通常,课程更新内容会直接补充到原有分享链接中。
2. 关于课程资料

课程下载后资料是否齐全?
绝大部分课程资料齐全。 我们尽力确保您获得完整的学习资源。
少数情况说明: 极少数课程可能存在资料缺失情况。针对 Udemy 课程,资料形式多样,请知悉:本地文件(随视频下载): 此类课件通常随视频一并提供,下载即得。

本地文件(含链接): 课件文件中会提供资料下载链接,您需自行访问链接下载。此类资料通常也可获取。
在线平台存储(如 GitHub): 讲师会在视频中说明资料获取方式(如访问特定平台),请您按指引自行下载。
③ Udemy 平台内资料: 部分资料需登录您在 Udemy 购买的账号才能查看。此类资料本站无法提供,除非您自行在 Udemy 平台购买该课程。
3. 关于课程字幕

是否提供中英文双字幕?原本无字幕的课程是否支持?
是的,本站下载的所有课程均提供中英文双字幕,包括 Udemy 原本无任何字幕的课程。 我们致力于提升您的学习体验。

Udemy 字幕现状与本站服务:
○ Udemy 绝大多数课程本身不提供任何字幕。在少数提供字幕的课程中,也几乎不提供中文字幕。

本站字幕服务流程:
Udemy 有字幕: 我们会将其翻译成中文字幕,与英文字幕一同提供。
Udemy 无字幕: 我们会通过技术手段识别生成英文字幕,再翻译成中文字幕,一同提供给您。

字幕服务重要说明(请您理解):
翻译精度: 字幕翻译采用谷歌翻译引擎完成,虽不及人工翻译精准,但足以保障您正常学习理解。
若您仍然觉得字幕精度较低: 可联系站长针对性润色字幕(该服务仅限本站会员)。
4. 关于视频存储与使用

视频存储位置与观看/下载方式?
本站所有课程视频均存储于网盘平台。
您支持在线观看: 可在网盘内直接播放学习。
您支持下载: 可将视频下载至本地,使用播放器播放,更灵活便捷。

主要存储网盘:百度网盘

视频格式与加密情况?
本站所有课程视频均以 MP4 或 MKV 通用格式提供。
视频文件不加密,您可自由分享(请遵守相关法律法规)。
播放建议: 使用本地播放器(如 PotPlayer)播放时,可同时加载中英文字幕文件,学习体验更佳。您可参考我们提供的《PotPlayer 挂载中英双字幕教程》。
5. 关于售后支持与退款政策

遇到问题如何联系?
无论您在购买前或购买后遇到任何疑问,都欢迎随时联系站长。 我们将竭诚为您服务。

退款政策说明:
原则: 由于虚拟商品(课程、资料等)具有可复制性,一旦购买成功并完成下载,原则上不支持退款。

请您在购买前仔细阅读课程介绍、资料说明及本条款,确认符合您的需求。 如有不确定之处,欢迎先行咨询站长。

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容