instagraph-nextjs-fastapi

项目介绍：InstaGraph 🌐 Next JS 和 FastAPI

InstaGraph 是一个结合了现代前端技术与高效后端框架的开源项目。它的灵感来源于Yohei Nakajima的项目，将Next JS和FastAPI结合在一起，用于快速构建响应迅速的Web应用程序。

背景和灵感

开发者曾是Django开发者，但他认为现代的前端技术（如NextJS、Tailwind CSS、Shadcn等）让开发迭代变得更为快速。此外，随着大型语言模型（LLMs）的流行，数据流和服务器发送的终端在AI产品中变得越来越重要。FastAPI作为后端支持技术，完美地满足了这一需求。

技术组成

InstaGraph项目使用了以下技术：

• Shadcn 提供的Next JS模板，帮助开发者迅速搭建前端框架。
• React Flow 帮助实现复杂的交互式数据流。

安装指南 🛠️

以下是使用步骤：

1. 克隆项目代码库：

   git clone https://github.com/waseemhnyc/instagraph-nextjs-fastapi.git
   

2. 进入项目目录：

   cd instagraph-nextjs-fastapi
   

3. 安装所需包：

   yarn
   

4. 设置环境变量（例如：OpenAI API Key）：

   OPENAI_API_KEY=your-api-key-here
   

5. 启动Next JS前端应用：

   yarn run dev
   

6. 接下来，设置FastAPI后端：

   • 进入API目录，创建并激活虚拟环境：

     cd api/
     python3 -m venv venv
     source venv/bin/activate
     

   • 安装后端依赖：

     pip install -r requirements.txt
     

   • 设置环境变量文件：

     cp .env.example .env
     

   • 运行本地服务器：

     uvicorn main:app --host 0.0.0.0
     

使用方法 🎉

启动项目后，打开浏览器，访问 http://localhost:3000/ 进行使用。

1. 在输入框中输入文本。
2. 点击“提交”（Submit）按钮。
3. 等待结果展示！

授权协议 📝

该项目采用MIT许可证，详细信息请参考项目中的LICENSE文件。