Next.js Architecture

This page describes how the main Infowebplus application is structured using Next.js App Router.

note

The Next.js application code lives in the main Infowebplus repository, not in this documentation repo. This page summarizes the documented architecture and may need occasional updates when the app evolves.

App Router layout

The core structure follows the pattern described in the project structure documentation:

src/
├── app/
│   ├── [locale]/          # Localized routes
│   │   ├── page.tsx       # Home page
│   │   ├── services/      # Services page
│   │   ├── about/         # About page
│   │   ├── saas/          # SaaS page
│   │   ├── contact/       # Contact page
│   │   ├── get-a-quote/   # Quote calculator page
│   │   └── careers/       # Careers page
│   ├── api/               # API routes
│   │   ├── cache/         # Cache management
│   │   ├── quote/         # Quote system
│   │   ├── contact/       # Contact form
│   │   └── webhooks/      # Webhook handlers
│   ├── globals.css        # Global styles
│   └── layout.tsx         # Root layout

For more detail, see:

• Architecture Overview
• Project Structure

Internationalized routing

The app uses localized routes with a [locale] segment:

• /en – English
• /es – Spanish
• /ro – Romanian

The default locale is also available at /.

Implementation details and usage examples are documented in:

• Multilingual Support
• Development Guide

API routes

Next.js API routes handle:

• Quote calculator lifecycle (/api/quote/*)
• Cache management (/api/cache/*)
• Contact forms (/api/contact/*)
• Webhooks (/api/webhooks/*)

The quote-related endpoints are documented in:

• Quote API
• Quote API Endpoints

Rendering and caching

Rendering and caching behavior is described at a higher level in:

• Architecture Overview
• Caching Overview
• Redis Setup

TODO

Verify the current Next.js version, rendering modes (SSR/SSG/ISR), and middleware usage against the main application repository and update this section accordingly.