Best frontend options for integrating with Langgraph and FastAPI backend?

Hi everyone! I’ve been building an application using FastAPI as my backend framework along with Langgraph for handling complex workflows. Right now I’m just running tests through the /docs endpoint that FastAPI provides, but I need to create a proper user interface for my project. I experimented with Jinja2 templates for server-side rendering, however I’m curious about other frontend approaches that might work better. What would you suggest as a solid choice for a production-ready frontend that plays well with this tech stack? I’m looking for something reliable and scalable that won’t cause headaches down the road.

React with TypeScript is my go-to for FastAPI backends. It handles Langgraph’s async workflows really well. I use React Query for state management - it makes streaming responses from complex workflows way cleaner than vanilla fetch calls. The dev experience is solid since you can generate TypeScript types directly from your FastAPI OpenAPI schema with tools like openapi-typescript-codegen. This cuts out most frontend-backend integration headaches. Just heads up - if your Langgraph workflows are long-running, you’ll need proper loading states and maybe WebSocket connections for real-time updates. FastAPI’s WebSocket support works seamlessly with React’s useEffect hooks for this.

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.