DOC-01 // ARC

Software Architecture

Structural design, main technological components, and data flow of the KENTODAL platform.

Software architecture conceptual diagram

System Diagram

Client BrowserReact ComponentsQuote Request FormNext.js InfrastructureApp Router & Node.jsStatic Data (lib/data)mailto URIUser Local SystemEmail AppDefault OS Handler

Technological Foundation

The KENTODAL platform has been developed using the Next.js 15 (App Router) framework alongside React 19, allowing for modern pre-rendering capabilities. The design is implemented via Tailwind CSS to achieve a responsive (Mobile-First) approach. The source code utilizes TypeScript to provide structural typing that helps reduce development-time errors.

Data and Content Management

Institutional information (Services, Corporate Portfolio, Commitments) is managed statically via local TypeScript modules (/lib/data-*.ts). This reduces dependency on external APIs and limits exposure to certain injection vectors, although it does not eliminate all risks associated with web applications.

Internationalization (i18n)

The project architecture maintains an explicit bilingual structure (Spanish / English). Every route, component, and metadata record has a mapped equivalent. This approach makes it easier for search engines to crawl content using static Hreflang tags.

Form Processing

The quote request form structures information locally in the user's browser and relies on the mailto: protocol handler. This approach:

  • Shifts the transmission responsibility to the operating system's local email client.
  • Does not use its own server or application database to process or store the message.
  • Generates the request directly to kentodal.llc@kentodal.com.