---
title: Tanstack Start
description: Supabase client for Tanstack Start
---

## Installation

<BlockItem name="supabase-client-tanstack" description="Supabase Client for Tanstack Start" />

The easiest way to use Tanstack Start with Supabase is to follow the following steps:

1. Follow the [official guide](https://ui.shadcn.com/docs/installation/tanstack) for adding shadcn/ui to Tanstack Start
2. Install this block to get the Supabase clients
3. Add VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY to your .env file

## Folder structure

<RegistryBlock itemName="supabase-client-tanstack" />

This block provides Supabase clients designed for use with SSR by storing JWT tokens in cookies. If you're
developing a React SPA, use the [React SPA client](/ui/docs/react-router/client) instead.