Esperimenti
Prototipo: vetrina ristorante con menu navigabile
Esperimento di sito vetrina per un ristorante: home, menu, prenotazioni via WhatsApp, mappa interattiva. Tech stack: Astro + Tailwind.
L’idea
Un sito vetrina per un ristorante immaginario, sviluppato come esercizio per capire come strutturare il flusso “scopri il menu → prenota un tavolo”.
Tech stack
- Astro per le pagine statiche
- Tailwind CSS per lo stile
- Leaflet per la mappa
- Form prenotazione che apre WhatsApp con messaggio precompilato
Pagine
- Home — claim, foto del locale, 3 piatti in evidenza
- Menu — categorie (antipasti, primi, secondi, dolci) con prezzi
- Dove siamo — mappa + indirizzo + orari
- Prenota — form semplice (nome, telefono, data/ora, n. coperti) che genera link WhatsApp
Cosa ho imparato
- Leaflet è leggero ma la sua configurazione richiede un po’ di CSS personalizzato per integrarla bene nel tema del sito
- WhatsApp Business link (
wa.me/<numero>?text=<messaggio>) è una soluzione efficace per ricevere prenotazioni senza dover gestire un backend - Per le foto piatti serve un’ottimizzazione aggressiva (WebP + lazy loading) altrimenti la pagina Menu pesa troppo
Stato
Prototipo concluso. Risiede su un sottodominio privato di test.