Chatty — NextAuth.js

Chatty is a full-stack ChatGPT-style application built as a hands-on learning project to explore modern Next.js architecture, authentication, and AI integration.

The app leverages Next.js (App Router) with Azure OpenAI’s GPT API to deliver real-time conversational responses. Authentication is handled through NextAuth.js, implementing OAuth-based login, JWT-backed sessions, and secure route protection via Next.js edge middleware. This ensures protected pages remain inaccessible without a valid session, with no client-side auth leakage.

The UI is designed mobile-first using Tailwind CSS, featuring a clean and familiar chat interface optimized for usability. The project is deployed on Vercel and includes a GitHub Actions workflow for automated linting and continuous deployment, reflecting real-world development and deployment practices.