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

Your Genkit code runs on a server, and there are two kinds of guides that get you there. You only need one to start:

  • App frameworks build your backend and UI together, or connect a frontend to a standalone backend. Start here if you’re building a full-stack app or a web frontend.
  • Backend frameworks expose your Genkit flows as standalone API endpoints that any client can call. Start here if you already have a backend, or want to keep your AI service separate from your frontend.

App frameworks

Section titled “App frameworks”

Full-stack and frontend frameworks with built-in AI features. Each guide covers using the framework’s own API routes or 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.

Backend frameworks

Section titled “Backend frameworks”

Standalone Node.js servers that expose Genkit flows as API endpoints.

Express Existing Node.js backends or custom API servers. Hono Web-standard request and response handling across Node.js and edge runtimes. Fastify Fastify servers exposing Genkit flows through the fetch plugin. NestJS NestJS applications exposing Genkit flows through a controller.

If you’re not ready to choose a framework yet, explore Creating flows and Generating content to learn the core concepts first.

After you choose a stack

Section titled “After you choose a stack”

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