Arquitectura de Sitios Estáticos con Astro 6 y VPS en 2026
El sitio web "Na Derevo" utiliza Astro 6 en modo SSG para generar archivos estáticos limpios: la página de inicio del proyecto, la página de aterrizaje del producto MENO y un blog. El soporte bilingüe (ru/en) se implementa sin SPA o SSR. En el servidor—Nginx en un VPS por 300 rublos, SSL mediante Certbot. Analíticas—Yandex.Metrica con un mecanismo de consentimiento.
La pila está minimizada para el rendimiento:
- Framework: Astro 6 (SSG)
- Lenguaje: TypeScript (estricto)
- Contenido: Colecciones de Contenido de Astro + Markdown/MDX
- Servidor: Nginx
- SSL: Certbot (Let's Encrypt)
- Analíticas: Yandex.Metrica (opcional)
Astro genera una carpeta dist con HTML, CSS, JS—sin Node.js en producción. Nginx sirve los archivos directamente, lo cual es más rápido que SSR.
Localización y Estructura de URL
Configuración de Astro para i18n:
locales: ['ru', 'en'],
prefixDefaultLocale: true,
redirectToDefaultLocale: falseEstructura:
naderevo.com/ru/— página de inicio (RU)naderevo.com/en/— página de inicio (EN)naderevo.com/ru/blog/— blog (RU)naderevo.com/en/blog/— blog (EN)naderevo.com/— página de redirección (noindex)
La raíz determina el idioma mediante localStorage, cookie o Accept-Language y redirige. Prefijar ambos idiomas simplifica hreflang y canonical. Las Colecciones de Contenido aseguran la tipificación de frontmatter—la compilación falla si faltan campos.
Infraestructura SEO
Cada página incluye:
- Etiquetas básicas: canonical, hreflang (incl. x-default), Open Graph, Twitter Card.
- Datos Estructurados: JSON-LD en
<head>(WebSite para la página de inicio, SoftwareApplication para la página de aterrizaje, BlogPosting para artículos). - Mapa del sitio: generado por
@astrojs/sitemapcon un filtro para páginas de utilidad. - robots.txt:
User-agent: *
Allow: /
Sitemap: https://naderevo.com/sitemap-index.xmlAbierto a rastreadores de IA. astro.config.mjs establece site: 'https://naderevo.com' para URLs absolutas en sitemap/OG.
Despliegue y Configuración del Servidor
El VPS sirve archivos estáticos mediante Nginx. Por qué no Vercel/Netlify: control total sobre redirecciones, encabezados, sin dependencia del proveedor.
Redirecciones en nginx.conf:
# http -> https
server {
listen 80;
return 301 https://$host$request_uri;
}
# www -> apex
server {
server_name www.naderevo.com;
return 301 https://naderevo.com$request_uri;
}Almacenamiento en caché de activos:
Cache-Control: public, max-age=31536000, immutableLos hashes en los nombres de archivo (Astro) invalidan la caché al desplegar.
Encabezados de seguridad:
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-XSS-Protection: 1; mode=block
Referrer-Policy: strict-origin-when-cross-originSSL se actualiza automáticamente con Certbot. Redirecciones heredadas para slugs antiguos de publicaciones.
Analíticas Centradas en la Privacidad
Yandex.Metrica se carga después del consentimiento. El banner de cookies guarda la elección en cookie/localStorage. Si se rechaza:
- El script no se carga.
- Las cookies de analíticas se borran.
Objetivos mediante data-metrika-goal. ID de PUBLIC_YANDEX_METRIKA_ID—opcional para desarrollo.
Webvisor/mapa de clics deshabilitado para reducir la carga.
TypeScript y Configuración
tsconfig.json:
{
"extends": "astro/tsconfigs/strict",
"compilerOptions": {
"paths": {
"@/*": ["./src/*"]
}
}
}El modo estricto detecta errores en componentes, colecciones, configuraciones i18n.
Limitaciones de Implementación
- Página de redirección
/(noindex)—compromiso SEO: el peso va a/ru/,/en/. - Imagen OG universal para todas las páginas (se planean únicas).
- Sin grabación de sesiones en Metrica.
Conclusiones Clave
- Astro SSG + Nginx—máxima velocidad y fiabilidad para sitios estáticos.
- Tipificación completa de contenido mediante Colecciones de Contenido.
- Listo para SEO: hreflang, JSON-LD, robots.txt abierto.
- Privacidad: analíticas solo con consentimiento.
- VPS más barato que PaaS, control total de configuración.
— Editorial Team
Aún no hay comentarios.