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.

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.xmlerobots.txtconfigurati- 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
| Layer | Tecnologia | Note |
|---|---|---|
| Framework | Angular 21 | Standalone components, signals |
| UI | Angular Material + Lucide Icons | — |
| SSR | Angular Universal + Express 5 | — |
| i18n | ngx-translate | IT/EN/DE/FR |
| Testing | Vitest + jsdom | — |
| Linguaggio | TypeScript 5.9 | — |
| Hosting | Firebase Hosting + CDN | — |
Tecnologie principali
Galleria del progetto
Clicca su un'immagine per ingrandirla.


