App integration

Pick the app framework or client SDK that matches the UI you’re building. Each guide is self-contained and shows how to call a Genkit flow from a frontend, either by hosting the flow inside the framework’s own server-side routes or by connecting to a standalone Genkit backend.

Next.js Full-stack React with App Router, Pages Router, or a standalone Genkit backend. SvelteKit Full-stack Svelte using SvelteKit API routes and the Genkit fetch handler. Nuxt Full-stack Vue using Nitro server routes and the Genkit fetch handler. TanStack Start Full-stack React using TanStack Router with Vinxi API routes. Astro Content-driven sites using Astro SSR with API routes. Angular Angular SSR and hybrid-rendered applications. React (Vite) Client-side React apps that connect to a standalone Genkit backend. Remix Full-stack React using Remix resource routes and the Genkit fetch handler. Flutter Mobile, desktop, and web apps using the Dart client SDK.

Plain JavaScript or TypeScript

If you’re not using one of the frameworks above, use the Web client to call Genkit flows from any JavaScript or TypeScript web app.