Next.js 14 房地产应用程序与 Prisma , MongoDB ,Clerk

Next.js 14 Real Estate App with Prisma , MongoDB , Clerk

使用 Next.js 14 , MongoDB , Clerk , Firebase 构建房地产应用程序。

 学习内容

  • 了解Next JS 13 最新功能,如应用程序路由器、服务器操作、中间件等。
  • 实施 Clerk 身份验证(Google 和 Github 登录)。
  • 使用 Prisma ORM 执行所有数据库操作。
  • 了解nextjs服务器组件的正确用例
  • 结合使用客户端和服务器组件
  • 使用 Ant Design Library 构建 UI 组件
  • Stripe 支付网关集成,以便接受客户的付款
  • 订阅购买和基于已购买的订阅呈现页面/模块。

 要求

  • Next JS 13基础
  •  反应

 描述

您好,欢迎来到课程 Next.js 14 房地产应用程序

当然,我很乐意详细说明 Next.js 14 房地产应用程序课程中包含的功能。

 技术栈

  1. 接下来学习 JS 14 最新功能,如应用程序路由器、服务器操作、中间件等。

  2. 实施 Clerk 身份验证(Google 和 Github 登录)。

  3. 使用 Prisma ORM 执行所有数据库操作。

  4. 了解 Nextjs 服务器组件的正确用例

  5. 结合使用客户端和服务器组件

  6. 使用 Ant Design Library 构建 UI 组件

  7. 使用 Tailwind CSS 覆盖 Ant Design 默认样式并构建自定义组件

 项目

  1. 使用两个不同的用户角色(管理员、用户)

  2. 卖家将能够创建、编辑和删除属性

  3. 创建属性后,它们将在主页中列出。

  4. 普通用户可以在物业信息页面联系卖家

  5. 卖家可以看到他们发布的每个房产收到的所有查询。

  6. 卖家将能够在免费计划中创建 3 个房产。

  7. 如果有人想创建超过 3 个属性,他们必须购买订阅。

  8. 集成 stripe 支付网关以接受订阅付款。

  9. 管理员将能够查看所有用户和属性。

  10. 如果管理员发现任何问题,他们可以从列表中删除任何属性。

  11. 管理员还可以阻止用户/卖家。

Next.js 是由 Kotlin JS 开发人员创建的面向 Web 开发人员的开源、目标编码框架。它用于创建服务器渲染的 React 应用程序,并且可以与现代 JavaScript 语言(如 TypeScript、GraphQL 和 React 组件)一起使用。

Next.js 允许开发人员使用预构建功能(如路由、基于文件的路由、webpack 开发服务器、热模块替换、静态导出和代码拆分)创建高标准的 Web 应用程序。

Next.js 非常适合构建静态站点和渐进式 Web 应用程序,这些站点对 SEO 友好、可访问且速度快。

本课程适合谁:

  • 想要了解nextjs 14的最新功能并用它来构建实时项目的学生
  •  全栈开发者
  •  前端开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。