Monza Motors is a full-stack luxury automotive e-commerce web application built on the Next.js 15 App Router. It lets users browse a curated collection of high-performance vehicles, authenticate securely, complete purchases through Stripe-powered checkout, and get instant answers from a built-in AI assistant. The platform is backed by Supabase for both authentication and database storage, Stripe for payment processing, Groq’s LLaMA-3.3-70b (Documentation Index
Fetch the complete documentation index at: https://mintlify.com/Jason-AML/MonzaSport-Nextjs/llms.txt
Use this file to discover all available pages before exploring further.
llama-3.3-70b-versatile) model for the conversational AI experience, TanStack React Query v5 for server-state management, and i18next for bilingual support in English and Spanish.
Quickstart
Clone the repo, configure your environment, and run Monza Motors locally in under 5 minutes.
Vehicle Collection
Learn how the vehicle listing and detail pages are structured, queried, and rendered.
Authentication
Explore the Supabase SSR auth flow, protected routes, and session management.
API Overview
Reference for internal API routes — checkout sessions, AI chat, and more.
Monza Motors is a private application and is not published as a public npm package. These docs cover developer setup, environment configuration, and internal architecture for contributors and maintainers of the project.
Tech Stack
The table below lists every major dependency sourced directly frompackage.json. All versions are the minimum required unless otherwise noted.
| Technology | Package | Version |
|---|---|---|
| Framework | next | 16.2.4 |
| UI Library | react / react-dom | 19.2.4 |
| Supabase SSR Client | @supabase/ssr | ^0.10.2 |
| Supabase JS Client | @supabase/supabase-js | ^2.104.1 |
| Stripe (server) | stripe | ^22.1.1 |
| Stripe (client) | @stripe/react-stripe-js / @stripe/stripe-js | ^6.4.0 / ^9.6.0 |
| Groq AI SDK | @ai-sdk/groq | ^3.0.39 |
| AI SDK core | ai | ^6.0.197 |
| Server-state | @tanstack/react-query | ^5.100.2 |
| React Query DevTools | @tanstack/react-query-devtools | ^5.100.2 |
| Internationalisation | i18next / react-i18next | ^26.0.8 / ^17.0.4 |
| Language detector | i18next-browser-languagedetector | ^8.2.1 |
| Component library | daisyui | ^5.5.19 |
| CSS framework | tailwindcss | ^4 (dev) |
| Analytics | @vercel/analytics | ^2.0.1 |
| Markdown renderer | react-markdown | ^10.1.0 |
| Toast notifications | nextjs-toast-notify | ^1.61.0 |
| Icons | material-symbols | ^0.44.4 |
Application Routes
Monza Motors uses the Next.js 15 App Router. The table below maps every top-level URL to its purpose.| Route | Description |
|---|---|
/ | Home page — hero section and featured vehicles |
/collection | Full vehicle listing with filtering |
/collection/[carId] | Individual vehicle detail page |
/login | User sign-in with email/password or Google OAuth |
/register | New account registration |
/chat | Groq-powered AI assistant for vehicle enquiries |
/success | Stripe checkout success confirmation |
/cancel | Stripe checkout cancellation page |
/error | Global error / auth error fallback page |