文本生成器网页应用模板
这是一个使用 create-next-app
引导的 Next.js 项目。
配置应用
在当前目录下创建一个名为 .env.local
的文件,并从 .env.example
复制内容。设置以下内容:
# 应用 ID
NEXT_PUBLIC_APP_ID=
# 应用 API 密钥
NEXT_PUBLIC_APP_KEY=
# 应用 API URL
NEXT_PUBLIC_API_URL=
# 应用类型
# 工作流应用设置为 true
NEXT_PUBLIC_APP_TYPE_WORKFLOW=
在 config/index.ts
文件中进行更多配置:
export const APP_INFO: AppInfo = {
title: '聊天应用',
description: '',
copyright: '',
privacy_policy: '',
default_language: 'zh-Hans'
}
export const isShowPrompt = true
export const promptTemplate = ''
开始使用
首先,安装依赖:
npm install
# 或
yarn
# 或
pnpm install
然后,运行开发服务器:
npm run dev
# 或
yarn dev
# 或
pnpm dev
在浏览器中打开 http://localhost:3000 查看结果。
你可以通过修改 app/page.tsx
来开始编辑页面。当你编辑文件时,页面会自动更新。
可以通过 http://localhost:3000/api/hello 访问 API 路由。这个端点可以在 pages/api/hello.ts
中编辑。
pages/api
目录被映射到 /api/*
。此目录中的文件被视为 API 路由,而不是 React 页面。
这个项目使用 next/font
自动优化和加载 Inter,这是一种自定义 Google 字体。
了解更多
要了解更多关于 Next.js 的信息,请查看以下资源:
- Next.js 文档 - 了解 Next.js 的特性和 API。
- 学习 Next.js - 一个交互式的 Next.js 教程。
你可以查看 Next.js GitHub 仓库 - 欢迎你的反馈和贡献!
部署到 Vercel
⚠️ 如果你使用的是 Vercel Hobby,由于 Vercel 的限制,你的消息可能会被截断。
部署 Next.js 应用的最简单方法是使用 Next.js 创建者提供的 Vercel 平台。
查看我们的 Next.js 部署文档 了解更多详情。