mirror of
https://github.com/karpathy/nanochat.git
synced 2026-05-24 08:38:05 +00:00
aa7a907063
Remove NextAuth and replace with token-based auth against the backend
auth service (OAuth + JWT). The frontend now redirects login to
/api/auth/google and /api/auth/github (proxied by nginx to the auth
service), captures the JWT from the redirect query param, and uses it
for all API calls.
Key changes:
- Remove next-auth dependency and all NextAuth config/routes
- Add lib/auth-client.ts (JWT token storage + auth headers)
- Add hooks/useAuth.ts (client-side auth state + token capture)
- Rewrite middleware.ts to pass-through (client-side auth only)
- Login page uses plain <a> links to /api/auth/{provider}
- Chat page captures access_token from OAuth redirect
- Zustand store fetches conversations from real chat-api via JWT
- API routes proxy /api/conversations/* to chat-api with auth
- chat/stream route supports conversationId + auth header forwarding
- useSSE hook accepts auth headers for authenticated streaming
- Sidebar loads conversations from API, supports delete
- Landing page (Hero, LandingNav) uses useAuth instead of useSession
- Add .env.production.example and scripts/generate-jwt-keys.sh
Mock echo fallback preserved when CHAT_API_URL is not set.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
36 lines
841 B
TypeScript
36 lines
841 B
TypeScript
'use client';
|
|
|
|
import { Suspense } from 'react';
|
|
import { useAuth, useTokenCapture } from '@/hooks/useAuth';
|
|
import Sidebar from '@/components/chat/Sidebar';
|
|
import ChatWindow from '@/components/chat/ChatWindow';
|
|
import { redirect } from 'next/navigation';
|
|
|
|
function ChatContent() {
|
|
useTokenCapture();
|
|
const { authenticated, loading } = useAuth();
|
|
|
|
if (loading) {
|
|
return <div className="flex h-dvh items-center justify-center">Loading...</div>;
|
|
}
|
|
if (!authenticated) {
|
|
redirect('/login');
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<main className="flex h-dvh overflow-hidden">
|
|
<Sidebar />
|
|
<ChatWindow />
|
|
</main>
|
|
);
|
|
}
|
|
|
|
export default function ChatPage() {
|
|
return (
|
|
<Suspense fallback={<div className="flex h-dvh items-center justify-center">Loading...</div>}>
|
|
<ChatContent />
|
|
</Suspense>
|
|
);
|
|
}
|