SupabaseAuthWithSSR

(★ 398)

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.

File Explorer

Download Latest Version (.zip)

- - fetch.ts
  - layout.tsx
- - action.ts
  - layout.tsx
  - page.tsx
- - action.ts
  - default.tsx
  - ForgotPassword.tsx
- favicon.ico
- global-error.tsx
- global-not-found.tsx
- globals.css
- layout.tsx
- Inter-Bold.ttf
- Inter-BoldItalic.ttf
- Inter-Italic.ttf
- Inter-Regular.ttf
- Inter-SemiBold.ttf
- - accordion.tsx
  - alert-dialog.tsx
  - alert.tsx
  - avatar.tsx
  - badge.tsx
  - breadcrumb.tsx
  - button.tsx
  - card.tsx
  - checkbox.tsx
  - collapsible.tsx
  - dialog.tsx
  - dropdown-menu.tsx
  - hover-card.tsx
  - input.tsx
  - label.tsx
  - navigation-menu.tsx
  - pagination.tsx
  - popover.tsx
  - progress.tsx
  - scroll-area.tsx
  - separator.tsx
  - sheet.tsx
  - sidebar.tsx
  - skeleton.tsx
  - sonner.tsx
  - textarea.tsx
  - theme-provider.tsx
  - toggleButton.tsx
  - tooltip.tsx
- brand-icons.tsx
- link.tsx
- setup.sql
- use-mobile.ts
- - client.ts
- - admin.ts
  - server.ts
  - supabase.ts
  - usage.ts
- aiProviders.ts
- utils.ts
- - AdminPageImage.png
  - AIMemoriesImage.png
  - ArtifactToolImage.png
  - ChartToolImage.png
  - ExampleChat.mp4
  - FileManImage.png
  - logo-dark.svg
  - logo-light.svg
  - MultipleAISelection.png
  - NotSignedInImage.png
  - ProfilePage.png
  - SearchConImage.png
  - UserUsageImage1.png
  - UserUsageImage2.png
- database.d.ts
- usage.ts
- base64.ts
.env.local.example
.gitignore
.prettierrc
Changelog.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
proxy.ts
README.md
tsconfig.json

# Installation Guide

1. Get the code

git clone https://github.com/ElectricCodeGuy/SupabaseAuthWithSSR

Downloads the entire project code from GitHub to your computer.

cd SupabaseAuthWithSSR

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm run dev

Starts the development/run server.

npm run types

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.