ai-agent

SupabaseAuthWithSSR: Fast AI‑Enabled Auth for Next.js 16 Apps

Name: SupabaseAuthWithSSR: Fast AI‑Enabled Auth for Next.js 16 Apps
Author: ElectricCodeGuy

A ready‑to‑run template that adds Supabase SSR authentication, RAG chat, web search and multi‑LLM support to your Next.js 16 project. Ideal for founders building secure, AI‑powered web products.

From the repo · “Supabase Auth + AI Stack for Next.js 16 with SSR and React Server Components (RSC), Welcome to a production-ready template combining Supabase SSR authentication with AI capabilities: document chat (RAG), web search, and multiple LLM support. Features include secure file storage, vector search (pgvector), and persistent chat history.”

397 stars61 forksTypeScriptGuide quality 8/10 · reviewed Oct 10Updated 10/7/2026100% free · open source

What it does

This tool provides a production-ready template for Next.js with Supabase SSR authentication and AI capabilities, allowing startup founders to quickly build and deploy secure and scalable applications with document chat, web search, and multiple LLM support.

When to use it

•When building a Next.js application that requires secure authentication and authorization
•When needing to integrate AI capabilities such as document chat, web search, and LLM support into a Next.js application
•When looking for a pre-configured template with secure file storage, vector search, and persistent chat history

Ready-to-paste prompt

To test the document chat AI capability, navigate to `http://localhost:3000/chat` and enter a prompt such as 'What is the meaning of life?' to see the AI response

Heads up: Make sure to replace the `SUPABASE_URL` and `SUPABASE_KEY` environment variables in the `lib/supabaseClient.js` file with your actual Supabase project URL and key, as these are required for the authentication and AI capabilities to function correctly

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/supabaseauthwithssr && curl -fsSL https://workflowstacks.com/api/skills/supabaseauthwithssr/claude-skill -o ~/.claude/skills/supabaseauthwithssr/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

What's inside — free to inspect

No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

top-level files

folders

90.6M

source size

MIT

license

Key files

AGENTS.md

eslint.config.mjs

next.config.ts

package.json

postcss.config.mjs

README.md

File tree

app/

assets/

components/

database/

hooks/

lib/

public/

types/

utils/

.env.local.example

.gitignore

.prettierrc

AGENTS.md

Changelog.md

CLAUDE.md

components.json

eslint.config.mjs

knip.json

LICENSE.md

next-env.d.ts

next.config.ts

package-lock.json

package.json

postcss.config.mjs

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/supabaseauthwithssr && curl -fsSL https://workflowstacks.com/api/skills/supabaseauthwithssr/claude-skill -o ~/.claude/skills/supabaseauthwithssr/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

ElectricCodeGuy

Language

TypeScript