InstaGraph 🌐 Next JS 和 FastAPI
原项目和灵感来源:Yohei Nakajima - Instagraph
尽管我热爱使用 Python 应用程序(之前是 Django 开发者),但现代前端技术如 NextJS(以及 Tailwind CSS、Shadcn 等)能让你更快地前进。而且随着 LLM 的流行,流媒体和服务器发送端点在 AI 产品中变得更加重要。FastAPI 是构建支持这些功能的后端的完美选择。
项目使用了:
安装 🛠️
- 克隆存储库
git clone https://github.com/waseemhnyc/instagraph-nextjs-fastapi.git
- 导航到项目目录
cd instagraph-nextjs-fastapi
- 安装包
yarn
- 设置环境变量
OPENAI_API_KEY=your-api-key-here
- 运行 Next JS 应用
yarn run dev
现在前端正在运行,是时候启动和运行后端了。
- 进入
api
目录,创建虚拟环境并激活环境
cd api/
python3 -m venv venv
source venv/bin/activate
- 安装库
pip install -r requirements.txt
- 创建 .env 文件并在文件中输入你的 OpenAI API Key
cp .env.example .env
- 运行本地服务器
uvicorn main:app --host 0.0.0.0
使用 🎉
网页界面
- 打开你的网页浏览器并导航到
http://localhost:3000/
。 - 在输入框中输入你的文本。
- 点击“提交”并等待奇迹发生!
许可 📝
MIT 许可。有关更多信息,请参见 LICENSE。