# Architecture
**Source:** https://divanshu.doctunes.io/es/docs/architecture
**Language:** Spanish

---

Inicio Documentos Arquitectura

Arquitectura del Sistema

# Modelo de Arquitectura Estática y Entrega en el Borde

Descubre cómo el modelo de compilación 100% estática logra latencia de tiempo de ejecución sin servidor, escalabilidad global infinita y entrega predecible de activos estáticos de alta seguridad.

## Renderizado Previo en Tiempo de Compilación

Las 20 rutas se evalúan estáticamente en paquetes puros de HTML, CSS y JS durante la compilación. Cero viajes de ida y vuelta a la base de datos o al backend en tiempo de ejecución.

## Distribución Global de CDN en el Borde

Los artefactos estáticos se almacenan en caché en más de 300 PoPs a nivel mundial, entregando TTFB (Tiempo hasta el primer byte) inferior a 20 ms en cualquier lugar del mundo.

## Superficie de Ataque Cero

Dado que hay un entorde servidor activo, las inyecciones SQL, el secuestro de procesos del servidor y las fugas de memoria en tiempo de ejecución se eliminan por completo.

## Datos Estáticos y Flujo de Compilación

Código Fuente

20 Rutas TSX

React 19 + Tailwind v4

↓

Compilador

Exportación Estática de Next.js

Salida: 'export'

↓

Paquete Estático

HTML + sitemap.xml

Listo para CDN Rápida

## Declaración de Configuración

La configuración central en `next.config.ts` forzando una salida 100% estática:

typescript

```
import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  output: "export",
  images: {
    unoptimized: true,
  },
  trailingSlash: false,
};

export default nextConfig;
```

← Volver a Inicio Rápido Siguiente: Herramientas CLI