Saltar al contingutCECO LabDigital lab / web engineering
Tornar als projectes

Projecte · Web editorial Astro · recursos i eines

Mi Casa Autosuficiente

Web editorial Astro sobre energia, hort urbà, aigua i autosuficiència.

Webmicasaautosuficiente.es
Mi Casa Autosuficiente · recurs sobre aigua a casa

Resultats verificats

Mi Casa Autosuficiente
3 àreescontingut especialitzat

Energia, hort urbà i aigua comparteixen una arquitectura editorial i una navegació comuna.

3 einesexecució local

Diagnòstic i calculadores funcionen directament al navegador, sense backend dedicat.

Astroarquitectura estàtica

HTML estàtic, assets optimitzats, SEO tècnic i publicació responsive a Hostinger.

Resum

Mi Casa Autosuficiente reuneix recursos pràctics sobre energia, hort urbà i aigua en una arquitectura Astro ràpida i mantenible. La web combina guies, comparatives, RSS i tres eines pròpies que funcionen directament al navegador.

Objectiu

Construir una base editorial ràpida i mantenible que faci fàcil trobar contingut útil i executar eines pràctiques sense afegir fricció tècnica.

Context

Ordenar un arxiu editorial ampli sobre autosuficiència perquè guies, comparatives i eines es poguessin consultar amb una navegació clara, ràpida i coherent en mòbil i escriptori.

Implementació

La web estructura energia, hort urbà i aigua en hubs editorials connectats, incorpora RSS, controls per compartir articles i guies i tres eines locals, i utilitza Astro per generar HTML estàtic amb assets optimitzats, metadades SEO i components reutilitzables.

Objectius

  • Organitzar energia, hort urbà i aigua sota una arquitectura editorial comuna.
  • Integrar guies, comparatives, RSS i tres eines pròpies dins la mateixa navegació.
  • Mantenir una experiència responsive amb jerarquia clara, focus visible i components consistents.
  • Prioritzar HTML estàtic, assets optimitzats i SEO tècnic en cada publicació.

Estat actual

  • Tres àrees temàtiques connectades per una navegació editorial comuna.
  • Tres eines interactives que s’executen directament al navegador.
  • Articles i guies amb Web Share, WhatsApp, LinkedIn, Facebook i còpia d’enllaç, sense SDK socials.
  • Arquitectura Astro estàtica amb assets optimitzats i metadades SEO integrades.
  • Publicació responsive a Hostinger amb comprovacions de rutes i smoke HTTPS.

Treball realitzat

01

Sistema editorial

Hubs d’energia, hort urbà i aigua, recursos relacionats, comparatives, RSS, controls de compartició i navegació comuna per mantenir el contingut connectat.

02

Eines pròpies

Diagnòstic inicial i calculadores d’energia i pluja executades al navegador, sense backend dedicat.

03

Rendiment i accessibilitat

HTML estàtic, assets optimitzats, responsive, focus visible i jerarquia de contingut pensada per mantenir lectura i navegació clares.

04

Arquitectura Astro

Components reutilitzables, canonical, sitemap, JSON-LD i publicació estàtica a Hostinger amb verificació HTTPS.

Fitxa tècnica

Fitxa tècnica

Procés

  1. 01Arquitectura editorial
  2. 02Sistema Astro
  3. 03Eines locals
  4. 04QA i publicació

Stack

Frontend
AstroTypeScriptHTMLCSSJavaScript
Integracions
Recursos editorialsTres eines localsCompartició d’articles i guiesRSSCanonical, sitemap i JSON-LDOptimització d'assetsNavegació responsive
Infraestructura
HostingerAstro estàtic en produccióExportació automatitzadaSmoke HTTPS post-publicació