项目介绍:nextjs14-app
项目概述
nextjs14-app 是一个展示 Next.js 14 功能的应用程序。该应用还提供了即时的演示平台,尽管当前版本尚未完成,可能存在不稳定性。应用程序设计适用于桌面浏览和移动端社交媒体浏览,提供直观的用户体验。
主要功能
- Next.js 14:应用使用了最新版的 Next.js 框架,享有其最新功能。
- 新
/app
目录:重新结构的应用目录,使开发更加流畅。 - 路由和布局:支持嵌套布局和布局组,使得页面组织更加灵活。
- 数据获取、缓存与变更:提升数据管理效率。
- React 18 的组件:利用客户端和服务器端组件,增强应用表现力。
- API 路由:为应用提供强大的后端功能。
- 社交媒体动态:即时分享动态,支持点赞、评论及不良词汇过滤。
- OpenAI API:通过 GPT-3.5-Turbo 模型优化社交媒体发布内容。
- OAuth 2.0 认证:使用 NextAuth.js 实现谷歌、GitHub 和 Discord 的认证。
- Prisma ORM:高效的数据库操作。
- Supabase 上的 PostgreSQL 数据库:基础数据存储及管理平台。
- UI 组件:利用 NextUI v2.0 提供直观的用户界面。
- Tailwind CSS:丰富的风格设计和主题。
- 暗模式支持:通过 next-themes 提供夜间模式体验。
- Stripe 支付:完善的支付系统。
- TypeScript 编写:提升代码的可维护性和可靠性。
本地运行步骤
- 安装项目依赖
npm install
- 拷贝环境配置文件并更新变量:
cp .env.example .env.local
- 启动开发服务器:
npm run dev
以浏览器打开 http://localhost:3000 即可访问应用。
数据库设置
- 配置 PostgreSQL 数据库,推荐使用 Supabase,因其免费且易于设置。
- 将数据库 URL 写入
.env.local
文件的DATABASE_URL
。 - 运行 Prisma 迁移脚本以初始化数据库架构:
npm run migrate:dev
许可协议
该项目根据 GNU Affero General Public License v3.0 授权发布,用户可以在其基础上自由修改和分发。