使用 Next.js 的全栈 LinkedIn 原型
使用 NextJS、Drizzle ORM、PostgreSQL、TailwindCSS、NextAuth 和 Vercel 构建和部署专业网络应用程序
讲师:Travis Luong
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将学到什么
- 构建精心设计的全栈现代商业 Web 应用程序
- 实现现代应用程序中常见的功能,包括分页、排序、身份验证等
- 利用 NextJS 功能,例如 App Router、路由组、服务器组件、客户端组件、服务器操作和缓存
- 从头开始构建推荐系统
- 将应用程序部署到 Vercel 并解决部署问题
要求
- 建议具备 Web 开发和命令行的基础知识
- 建议具备 JavaScript 和 React 基础知识
- 建议具备 Git 和 GitHub 的基础知识
描述
在我们的综合课程“全栈 Next.js:LinkedIn 原型”中踏上变革之旅,您将获得开发尖端全栈 Web 应用程序所需的技能和知识。本课程旨在帮助您熟练掌握 Next.js,这是一个用于构建现代 Web 应用程序的强大框架。
以下是您将学到的内容的概览:
使用 Next.js 构建:学习使用 Next.js 开发全栈 Web 应用程序的艺术,利用其无缝服务器端渲染功能。
数据库交互:利用TablePlus与PostgreSQL数据库无缝交互,获得管理和检索数据的实践经验。
使用 TailwindCSS 进行设计:通过使用 TailwindCSS 设计应用程序来提升应用程序的美感,TailwindCSS 是一个实用程序优先的 CSS 框架,以其灵活性和响应能力而闻名。
缓存策略:探索 Next.js 中的各种缓存机制,以优化性能并增强用户体验。
使用 NextAuth 进行身份验证:使用 NextAuth 无缝设置 OAuth 身份验证,确保安全且用户友好的登录过程。
ORM 模式与 Drizzle:深入研究 Drizzle ORM 模式以有效管理数据库更新,并使用 Drizzle Kit 轻松推送模式更改。
仪表板创建:使用 Mantine AppShell 构建动态且功能丰富的仪表板,从而增强应用程序的可用性。
响应式设计:使用 Mantine AppShell 和 TailwindCSS 断点实施响应式设计原则,确保跨设备的无缝体验。
Web 开发模式:实现常见的 Web 开发模式,例如分页、排序和过滤,以获得直观的用户体验。
高级数据库功能:使用 pg_trgm 实现模糊搜索。
脚本编写:编写 TypeScript 脚本,用真实的虚假数据为数据库播种。
表单构建:使用 React 的 useFormState 挂钩和服务器操作构建健壮的表单,同时使用 zod 确保服务器端数据验证。
富文本编辑:利用 Mantine 的 TipTap 富文本编辑器增强应用程序中的内容创建。
数据可视化:使用 Mantine 图表构建具有视觉吸引力的图表,为您的应用程序洞察增添深度和清晰度。
深色模式切换器:实现基于本地存储的深色模式切换器,为用户提供个性化且视觉舒适的体验。
推荐系统:使用余弦相似度和K最近邻算法构建推荐系统,并使用Vitest通过单元测试验证其功能。
部署:将应用程序无缝部署到 Vercel,同时学习像专业人士一样调试意外的部署挑战。
开始这种变革性的学习体验,并赋予自己创建强大且专业的全栈 Web 应用程序所需的技能。立即通过“Full Stack Next.js:专业网络应用程序”提升您的职业生涯。
本课程适合谁:
- 希望使用 NextJS 探索全栈开发的初级到中级 Web 开发人员
- 寻求使用现代技术堆栈构建业务仪表板应用程序的初级到中级 Web 开发人员