Salta al contenuto principale
web Live 2025

Casa delle Magnolie

Sito vetrina per casa vacanze a Gallipoli

Sito web SSR per la casa vacanze "Casa delle Magnolie" a Gallipoli (Baia Verde). Angular 21 multilingua (IT/EN/DE/FR), galleria, calendario disponibilità e modulo prenotazione.

Casa delle Magnolie — anteprima principale del progetto
ClienteCasa delle Magnolie (privato)
RuoloFull-stack developer e designer (sviluppo end-to-end + deploy)
Anno2025

Highlights

  • SSR Angular Universal per SEO ottimale e first paint veloce
  • Multilingua IT/EN/DE/FR con ngx-translate
  • 6 route pubbliche + lazy loading per ogni pagina
  • Calendario disponibilità integrato
  • Modulo prenotazione con notifica email
  • WebP con cache immutable (1 anno) per asset statici
  • Deploy zero-downtime via Firebase Hosting
  • Security headers Firebase (X-Content-Type, X-Frame-Options, Permissions-Policy)

Cosa è Casa delle Magnolie

Sito web ufficiale della casa vacanze Casa delle Magnolie situata a Gallipoli (Baia Verde), in Puglia. Una piattaforma vetrina e strumento di marketing digitale per la promozione e la prenotazione della proprietà, raggiungibile su www.casadellemagnolie.com.

Funzionalità principali

  • Home: presentazione della struttura e call-to-action di prenotazione
  • Chi Siamo: descrizione della proprietà e della filosofia di ospitalità
  • Galleria: raccolta fotografica della casa e degli ambienti
  • Dintorni: guida alle attrazioni turistiche, spiagge e luoghi di interesse di Gallipoli
  • Disponibilità: calendario delle date prenotabili
  • Contatti: modulo di contatto e informazioni per la prenotazione
  • Multilingua: IT, EN, DE, FR tramite ngx-translate

Architettura tecnica

SPA con SSR (rendering lato server per SEO e first paint veloce) con hydration client-side via provideClientHydration + withEventReplay. Lazy loading delle pagine tramite loadComponent, standalone components senza NgModule, servizi dedicati (SeoService, AnalyticsService, EmailService, BookingService), routing con 6 route pubbliche + wildcard redirect.

SEO & Performance

  • Server-Side Rendering per crawler e Core Web Vitals ottimali
  • sitemap.xml e robots.txt configurati
  • Meta tag dinamici per pagina (title, description, OG)
  • Immagini in formato WebP con cache immutable (1 anno)
  • Asset statici (CSS/JS/font) con cache max-age=31536000

Deploy

Pipeline one-command: npm run deploy → build di produzione + firebase deploy --only hosting, con HTTPS automatico, dominio personalizzato e deployment zero-downtime.

Stack tecnologico completo

LayerTecnologiaNote
FrameworkAngular 21Standalone components, signals
UIAngular Material + Lucide Icons
SSRAngular Universal + Express 5
i18nngx-translateIT/EN/DE/FR
TestingVitest + jsdom
LinguaggioTypeScript 5.9
HostingFirebase Hosting + CDN

Tecnologie principali

Angular 21TypeScriptSSRAngular MaterialFirebase Hostingi18n

Galleria del progetto

Link al progetto

Altri progetti