🌐 US-Proxy
class="astro-tflm2sh5"> Skip to content

Get started with Genkit

Welcome to Genkit. To get started, pick the guide that matches how you’re building. Each guide is self-contained and takes you from an empty project to a running app without any prior setup.

Every guide walks you through building the same small app, Bargain Chef, so you learn the same core Genkit patterns (streaming structured output and tool calling) no matter which stack you choose. By the end you’ll have a working flow that streams a recipe into a UI and calls a tool to ground its response in live data. Once you’ve finished one guide, the concepts carry directly over to your own app.

Choose your Genkit SDK

Section titled “Choose your Genkit SDK”

Start by choosing the SDK for the language you’ll write your Genkit code in. The rest of this page adapts to that choice.

TypeScript Genkit for Node.js and JavaScript runtimes. Selected Go Genkit for Go services and APIs. Selected Dart Genkit for Flutter and Dart servers. Selected Python Genkit for Python web services. Selected

With Genkit for Dart, your AI logic runs in a standalone backend. You’ll get there in two steps:

  1. Build a backend. Follow the backend framework guide below to expose your Genkit flows over HTTP. This is where your model calls, tools, and flows live.
  2. Add a frontend (optional). Once your backend is running, pick an app framework guide to connect a web or mobile UI that calls your flows over HTTP.

Start with a backend framework, then come back for a frontend when you’re ready.

Backend frameworks

Section titled “Backend frameworks”
Shelf Dart servers that expose flows and APIs directly.

App frameworks

Section titled “App frameworks”

Pair a Dart Genkit backend with any of these frontends. Each guide shows how to call your flows over HTTP.

Next.js React frontend that calls your Genkit flows over HTTP. SvelteKit Svelte frontend that calls your Genkit flows over HTTP. Nuxt Vue frontend that calls your Genkit flows over HTTP. TanStack Start TanStack Start frontend that calls your Genkit flows over HTTP. Astro Astro frontend that calls your Genkit flows over HTTP. Angular Angular frontend that calls your Genkit flows over HTTP. React (Vite) React (Vite) frontend that calls your Genkit flows over HTTP. Remix Remix frontend that calls your Genkit flows over HTTP. Flutter Mobile, desktop, and web apps that call your Genkit flows over HTTP.

If you want to get oriented first, explore Generating content and Calling Genkit from the client.

After you choose a stack

Section titled “After you choose a stack”

Once your app is running, the next pages most teams need are: