Energía, huerto urbano y agua comparten una arquitectura editorial y una navegación común.
3 herramientasejecución local
Diagnóstico y calculadoras funcionan directamente en el navegador, sin backend dedicado.
Astroarquitectura estática
HTML estático, assets optimizados, SEO técnico y publicación responsive en Hostinger.
Resumen
Mi Casa Autosuficiente reúne recursos prácticos sobre energía, huerto urbano y agua en una arquitectura Astro rápida y mantenible. La web combina guías, comparativas, RSS y tres herramientas propias que funcionan directamente en el navegador.
Objetivo
Construir una base editorial rápida y mantenible que facilite encontrar contenido útil y ejecutar herramientas prácticas sin añadir fricción técnica.
Contexto
Ordenar un archivo editorial amplio sobre autosuficiencia para que guías, comparativas y herramientas pudieran consultarse con una navegación clara, rápida y coherente en móvil y escritorio.
Implementación
La web estructura energía, huerto urbano y agua en hubs editoriales conectados, incorpora RSS, controles para compartir artículos y guías y tres herramientas locales, y utiliza Astro para generar HTML estático con assets optimizados, metadatos SEO y componentes reutilizables.
Objetivos
Organizar energía, huerto urbano y agua bajo una arquitectura editorial común.
Integrar guías, comparativas, RSS y tres herramientas propias dentro de la misma navegación.
Mantener una experiencia responsive con jerarquía clara, foco visible y componentes consistentes.
Priorizar HTML estático, assets optimizados y SEO técnico en cada publicación.
Estado actual
Tres áreas temáticas conectadas por una navegación editorial común.
Tres herramientas interactivas que se ejecutan directamente en el navegador.
Artículos y guías con Web Share, WhatsApp, LinkedIn, Facebook y copia de enlace, sin SDK sociales.
Arquitectura Astro estática con assets optimizados y metadatos SEO integrados.
Publicación responsive en Hostinger con comprobaciones de rutas y smoke HTTPS.
Trabajo realizado
01
Sistema editorial
Hubs de energía, huerto urbano y agua, recursos relacionados, comparativas, RSS, controles para compartir y navegación común para mantener el contenido conectado.
02
Herramientas propias
Diagnóstico inicial y calculadoras de energía y lluvia ejecutadas en el navegador, sin backend dedicado.
03
Rendimiento y accesibilidad
HTML estático, assets optimizados, responsive, foco visible y jerarquía de contenido pensada para mantener lectura y navegación claras.
04
Arquitectura Astro
Componentes reutilizables, canonical, sitemap, JSON-LD y publicación estática en Hostinger con verificación HTTPS.
Ficha técnica
Ficha técnica
Proceso
01Arquitectura editorial
02Sistema Astro
03Herramientas locales
04QA y publicación
Stack
Frontend
AstroTypeScriptHTMLCSSJavaScript
Integraciones
Recursos editorialesTres herramientas localesCompartir artículos y guíasRSSCanonical, sitemap y JSON-LDOptimización de assetsNavegación responsive
Infraestructura
HostingerAstro estático en producciónExportación automatizadaSmoke HTTPS pospublicación
