使用NestJS, Next.js和tRPC从零打造Instagram风格的全栈应用 | Build an Instagram Clone with NestJS & Next.js

通过使用 NestJS、Next.js、tRPC 和 Drizzle ORM 构建一个 Instagram 克隆项目来掌握现代全栈开发。

您将会学到

• 使用NestJS、Next.js和tRPC构建端到端类型安全的全栈应用
• 通过Turborepo在前端和后端之间无缝设计和共享类型
• 使用shadcn和Tailwind CSS构建美观且可定制的UI组件
• 使用Better Auth实现JWT认证，通过安全Cookie保护我们的API和UI
• 构建真实的生产特性，包括帖子、故事、点赞、评论和关注者
• 学习如何上传并在本地及AWS S3中从UI到后端服务静态文件
• 使用PostgreSQL和Drizzle ORM建模和查询关系数据
• 使用AWS Elastic Beanstalk和Vercel将全栈应用部署到生产环境
• 实现CI/CD管道，以便每次提交时自动构建和部署代码
• 为UI和后端配置自定义域名

课程要求

• 对 TypeScript 基础有深入的理解
• 对 NestJS、React 和 Next.js 有基本了解
• 能够独立阅读官方文档，自主学习新库

课程描述

这门课程将指导你如何从零开始使用现代、类型安全的全栈技术栈构建一个类似Instagram的应用程序。

你将使用NestJS、Next.js、tRPC、PostgreSQL、Drizzle ORM、Tailwind、shadcn/ui、Better Auth和Turborepo来构建一个功能齐全的应用。本课程的重点不仅在于实现各种功能，还在于架构设计、端到端类型安全以及通过前后端共享类型和代码实现优秀的开发体验。

这是一个动手实践、以生产为中心的课程，每个特性都是从数据库模式到API再到用户界面全面构建的，并且可以应用于实际项目中。

你将构建什么

在课程结束时，你将拥有一个完整的Instagram风格的应用程序，包括：

• 前后端共享类型的安全部署认证
• 使用tRPC实现的类型安全API，具有完整的端到端推断
• 支持图片上传、点赞、评论和保存帖子的功能
• 故事、用户资料、关注者和个人资料图片
• 使用Tailwind和shadcn/ui构建的现代UI
• 利用Turborepo构建的可扩展单体仓库，包含共享包
• 为实际生产工作负载设计的NestJS后端
• 使用AWS和Vercel进行生产部署

核心学习内容

• 如何使用tRPC设计端到端类型安全的API
• 如何安全地在前端和后端之间共享类型和逻辑
• 如何结构化一个可扩展的Turborepo单体仓库
• 如何构建干净的NestJS服务和路由器
• 如何使用PostgreSQL和Drizzle ORM建模数据
• 如何使用Better Auth在整个堆栈中正确实施JWT认证
• 如何使用AWS S3处理文件上传和媒体资源
• 如何使用AWS ElasticBeanstalk将全栈应用程序部署到生产环境

适合人群

本课程适合想要使用现代工具和强大的类型安全性构建真实全栈应用的JavaScript和TypeScript开发者。

对于那些关心清晰架构、开发体验以及消除前后端API不匹配问题的开发者来说尤其有价值。

你应该熟悉TypeScript基础知识及基本的NestJS和Next.js概念。

精准适配人群

• 希望用 TypeScript 开发实际全栈应用的开发者
• 对 tRPC 感兴趣并追求端到端类型安全的开发者
• 希望通过跨层共享类型来改善开发者体验的工程师
• 希望拥有生产级后端架构的前端开发者
• 期望将前端工作流程现代化的后端开发者

选择这门课程的理由

大多数教程停留在简单的示例或跳过重要的架构决策。而本课程专注于构建一个真正的应用程序，具有共享类型、真实的数据模型和生产部署，这样你就可以在自己的项目或工作中应用相同的设计模式。