Example: Add example with Supabase Auth

[ridwansameer]

What does it do

Adds an example of using TanStack start with Suapabase auth.

How to run?

Simply add your Supabase Keys to your environment variable and it should work out of the box.

If there's any feedback, let me know. First time hacking something together using Supabase, and first time using TanStack router/start as well!

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit a7416fc. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 2 targets

• nx affected --targets=test:eslint,test:unit,test:e2e,test:types,test:build,build --parallel=3
• nx run-many --target=build --exclude=examples/**

---

Sent with 💌 from NxCloud.

[pkg-pr-new]

Open in Stackblitz

More templates

• tanstack-router-react-example-authenticated-routes
• tanstack-router-react-example-basic
• tanstack-router-react-example-basic-default-search-params
• tanstack-router-react-example-basic-file-based
• tanstack-router-react-example-basic-file-based-codesplitting
• tanstack-router-react-example-react-query
• tanstack-router-react-example-basic-react-query-file-based
• tanstack-router-react-example-basic-ssr-file-based
• tanstack-router-react-example-basic-ssr-streaming-file-based
• tanstack-router-react-example-basic-virtual-file-based
• tanstack-router-react-example-basic-virtual-inside-file-based
• tanstack-router-react-example-deferred-data
• tanstack-router-react-example-kitchen-sink
• tanstack-router-react-example-kitchen-sink-file-based
• tanstack-router-react-example-kitchen-sink-react-query
• tanstack-router-react-example-kitchen-sink-react-query-file-based
• tanstack-router-react-example-large-file-based
• tanstack-router-react-example-location-masking
• tanstack-router-react-example-navigation-blocking
• tanstack-router-react-example-quickstart
• tanstack-router-react-example-quickstart-file-based
• tanstack-router-react-example-quickstart-rspack-file-based
• tanstack-router-react-example-quickstart-webpack-file-based
• tanstack-router-react-example-scroll-restoration
• tanstack-router-search-validator-adapters
• tanstack-router-example-react-start-basic
• tanstack-router-example-react-start-basic-auth
• tanstack-router-example-react-start-basic-counter
• tanstack-router-example-react-start-basic-react-query
• tanstack-router-example-react-start-basic-rsc
• tanstack-router-example-react-start-clerk-basic
• tanstack-router-example-react-start-trello-trellaux
• tanstack-router-example-react-start-supabase-basic
• tanstack-router-react-example-with-framer-motion
• tanstack-router-react-example-with-trpc
• tanstack-router-react-example-with-trpc-react-query
• tanstack-router-example-react-start-trellaux

@tanstack/history

pnpm add https://pkg.pr.new/@tanstack/history@2277

@tanstack/react-cross-context

pnpm add https://pkg.pr.new/@tanstack/react-cross-context@2277

@tanstack/react-router

pnpm add https://pkg.pr.new/@tanstack/react-router@2277

@tanstack/react-router-with-query

pnpm add https://pkg.pr.new/@tanstack/react-router-with-query@2277

@tanstack/router-arktype-adapter

pnpm add https://pkg.pr.new/@tanstack/router-arktype-adapter@2277

@tanstack/router-cli

pnpm add https://pkg.pr.new/@tanstack/router-cli@2277

@tanstack/router-devtools

pnpm add https://pkg.pr.new/@tanstack/router-devtools@2277

@tanstack/router-generator

pnpm add https://pkg.pr.new/@tanstack/router-generator@2277

@tanstack/router-plugin

pnpm add https://pkg.pr.new/@tanstack/router-plugin@2277

@tanstack/router-vite-plugin

pnpm add https://pkg.pr.new/@tanstack/router-vite-plugin@2277

@tanstack/router-valibot-adapter

pnpm add https://pkg.pr.new/@tanstack/router-valibot-adapter@2277

@tanstack/router-zod-adapter

pnpm add https://pkg.pr.new/@tanstack/router-zod-adapter@2277

@tanstack/start

pnpm add https://pkg.pr.new/@tanstack/start@2277

@tanstack/virtual-file-routes

pnpm add https://pkg.pr.new/@tanstack/virtual-file-routes@2277

@tanstack/start-vite-plugin

pnpm add https://pkg.pr.new/@tanstack/start-vite-plugin@2277

commit: a7416fc

[SeanCassiere]

Tested the example locally with my own Supabase credentials and the example worked. It could use some better error-handling, but that's more of a user-side implementation detail.

Pushing this through.

[ridwansameer]

Thanks! I'll try and take a look and fix up the error-handling later. I think I need to remove the "Sign up instead?" link since supabase doesn't directly specify it's not an existing account.