clerk-tanstack-patterns

Solid

TanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoad guards, loaders, Vinxi server. Triggers on: TanStack auth, createServerFn clerk, beforeLoad protection, TanStack Start middleware.

API & Backend 2 stars 0 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 79/100

Stars 20%
16
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# TanStack React Start Patterns ## What Do You Need? | Task | Reference | |------|-----------| | Protect routes with beforeLoad | references/router-guards.md | | Auth in createServerFn | references/server-functions.md | | Pass auth to loaders | references/loaders.md | | Configure Vinxi + clerkMiddleware | references/vinxi-server.md | ## References | Reference | Description | |-----------|-------------| | `references/router-guards.md` | beforeLoad auth redirect | | `references/server-functions.md` | createServerFn with auth() | | `references/loaders.md` | Auth context in loaders | | `references/vinxi-server.md` | clerkMiddleware() setup | ## Setup ``` npm install @clerk/tanstack-react-start ``` `.env`: ``` CLERK_PUBLISHABLE_KEY=pk_... CLERK_SECRET_KEY=sk_... ``` `src/start.ts` (Vinxi entry): ```typescript import { clerkMiddleware } from '@clerk/tanstack-react-start/server' import { createStart } from '@tanstack/react-start' export const startInstance = createStart(() => { return { requestMiddleware: [clerkMiddleware()], } }) ``` `src/routes/__root.tsx` — wrap with `<ClerkProvider>`: ```tsx import { ClerkProvider } from '@clerk/tanstack-react-start' function RootDocument({ children }: { children: React.ReactNode }) { return ( <html lang="en"> <body> <ClerkProvider> {children} </ClerkProvider> </body> </html> ) } ``` ## Mental Model TanStack Start runs on Vinxi. Auth flows through two layers: 1. **Server lay...

Details

Author
FJRG2007
Repository
FJRG2007/enigma
Created
2 months ago
Last Updated
today
Language
Ruby
License
Apache-2.0

Integrates with

Clerk · Auth npm · DevTools

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

clerk-react-patterns

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Router protected routes, custom sign-in flows. Triggers on: Vite Clerk setup, React Router auth, useAuth hook, protected route, custom sign-in form React.

2 Updated today
FJRG2007
API & Backend Solid

clerk-react-router-patterns

React Router v7 patterns with Clerk — rootAuthLoader, getAuth in loaders, clerkMiddleware, protected routes, SSR user data, org switching. Triggers on: react-router auth, rootAuthLoader, getAuth loader, react-router protected route, loader authentication, SSR auth react-router.

2 Updated today
FJRG2007
Web & Frontend Solid

clerk-nuxt-patterns

Nuxt 3 auth patterns with @clerk/nuxt - middleware, composables, server API routes, SSR. Triggers on: Nuxt auth, useAuth composable, clerkMiddleware Nuxt, server API Clerk, Nuxt route protection.

2 Updated today
FJRG2007