Pane di Triora

{lang} · {theme}

testo

= { en: 'English', it: 'Italiano', fr: 'Français', de: 'Deutsch', es: 'Español', nl: 'Nederlands', }; export const SECTIONS = { products: { en: 'products', it: 'prodotti', fr: 'produits', de: 'produkte', es: 'productos', nl: 'producten' }, bakery: { en: 'bakery', it: 'panificio', fr: 'boulangerie', de: 'baeckerei', es: 'panaderia', nl: 'bakkerij' }, triora: { en: 'triora', it: 'triora', fr: 'triora', de: 'triora', es: 'triora', nl: 'triora' }, press: { en: 'press', it: 'parlano-di-noi', fr: 'presse', de: 'presse', es: 'prensa', nl: 'pers' }, contact: { en: 'contact', it: 'contatti', fr: 'contact', de: 'kontakt', es: 'contacto', nl: 'contact' }, privacy: { en: 'privacy', it: 'privacy', fr: 'privacy', de: 'privacy', es: 'privacy', nl: 'privacy' }, legal: { en: 'legal-notice', it: 'note-legali', fr: 'mentions-legales', de: 'impressum', es: 'aviso-legal', nl: 'juridische-kennisgeving' }, } as const satisfies Record>; export type Section = keyof typeof SECTIONS; export const LEGAL_LABELS: Record = { en: { privacy: 'Privacy', legal: 'Legal notice' }, it: { privacy: 'Privacy', legal: 'Note legali' }, fr: { privacy: 'Confidentialité', legal: 'Mentions légales' }, de: { privacy: 'Datenschutz', legal: 'Impressum' }, es: { privacy: 'Privacidad', legal: 'Aviso legal' }, nl: { privacy: 'Privacy', legal: 'Juridische kennisgeving' }, }; export function isLang(x: string): x is Lang { return (LOCALES as readonly string[]).includes(x); } export function localePath(lang: Lang, section?: Section, slug?: string): string { let p = `/${lang}/`; if (section) p += `${SECTIONS[section][lang]}/`; if (slug) p += `${slug}/`; return p; } ``` - [ ] **Step 4: Scrivi `src/data/business.ts`** ```ts export const business = { name: 'Pane di Triora', legalName: 'Asplanato Angiolino SAS di Asplanato Ornella e C.', vat: 'IT00875900086', address: { street: 'Corso Italia, 37', zip: '18010', city: 'Triora', province: 'IM', region: 'Liguria', country: 'IT' }, phone: '+39 0184 94290', phoneHref: 'tel:+39018494290', mobile: '+39 347 7675695', mobileHref: 'tel:+393477675695', whatsappHref: 'https://wa.me/393477675695', email: '', // da chiedere al cliente; se vuoto il link non viene mostrato geo: { lat: 43.9931, lng: 7.7628 }, altitude: 780, mapsHref: 'https://www.google.com/maps/search/?api=1&query=Corso+Italia+37+18010+Triora+IM', social: { instagram: 'https://www.instagram.com/paneditriora/', facebook: 'https://www.facebook.com/paneditriora/', }, shopHref: 'https://www.nuovabottegaitalia.com/panificio-esplanato-triora.htm', nutritionPdf: '/docs/tabelle-nutrizionali.pdf', press: [ { key: 'youtube', youtubeId: '3aytM70MS7k', href: 'https://www.youtube.com/watch?v=3aytM70MS7k' }, { key: 'rai', href: 'http://www.rai.it/dl/RaiTV/programmi/media/ContentItem-b43855c9-c81c-4008-8160-7b97bf2ae39e-tg1.html' }, { key: 'striscia', href: 'https://www.striscialanotizia.mediaset.it/video/il-pane-di-triora_47435.shtml' }, ], } as const; ``` - [ ] **Step 5: Test e implementazione di `emphasize`** `tests/text.test.ts`: ```ts import { test } from 'node:test'; import assert from 'node:assert/strict'; import { emphasize } from '../src/lib/text.ts'; test('emphasize', () => { assert.equal(emphasize("L'unico, |autentico| Pane."), "L'unico, autentico Pane."); assert.equal(emphasize('niente'), 'niente'); assert.equal(emphasize('a |c|'), 'a <b> c'); }); ``` `src/lib/text.ts`: ```ts const esc = (s: string) => s.replace(/&/g, '&').replace(//g, '>'); /** `|testo|` diventa `testo`; il resto viene escapato. */ export function emphasize(s: string): string { return s .split('|') .map((part, i) => (i % 2 ? `${esc(part)}` : esc(part))) .join(''); } ``` - [ ] **Step 6: Esegui i test** Run: `pnpm test` Expected: 4 test PASS. - [ ] **Step 7: Commit** ```bash git add src/data src/lib/text.ts tests git commit -m "Dati azienda, locali e helper testo con test" ``` --- ### Task 3: Content collections e contenuti italiani **Files:** - Create: `src/content.config.ts`, `src/lib/content.ts`, `src/content/products/it/*.md` (7), `src/content/pages/it/*.md` (6), `src/content/ui/it.json` **Interfaces:** - Produces: collezioni `products`, `pages`, `ui`; helper `getUi(lang)`, `getProducts(lang)`, `getPage(lang, key)`, `slugOf(entry)`. Tipo `Ui` = `CollectionEntry<'ui'>['data']`. - [ ] **Step 1: Scrivi `src/content.config.ts`** ```ts import { defineCollection } from 'astro:content'; import { glob } from 'astro/loaders'; import { z } from 'astro/zod'; const products = defineCollection({ loader: glob({ base: './src/content/products', pattern: '**/*.md' }), schema: z.object({ title: z.string(), tagline: z.string(), description: z.string().max(160), order: z.number().int(), photo: z.enum(['pane', 'cereali', 'grissini', 'orzo', 'bruschette', 'biscotti', 'biscottate']), ingredients: z.array(z.string()).min(1), allergens: z.array(z.string()).min(1), formats: z.array(z.string()).default([]), }), }); const pages = defineCollection({ loader: glob({ base: './src/content/pages', pattern: '**/*.md' }), schema: z.object({ title: z.string(), description: z.string().max(160), kicker: z.string().optional(), heading: z.string(), }), }); const faq = z.array(z.object({ q: z.string(), a: z.string() })).min(3); const ui = defineCollection({ loader: glob({ base: './src/content/ui', pattern: '*.json' }), schema: z.object({ nav: z.object({ home: z.string(), products: z.string(), bakery: z.string(), triora: z.string(), press: z.string(), contact: z.string() }), meta: z.object({ home: z.object({ title: z.string(), description: z.string().max(160) }), products: z.object({ title: z.string(), description: z.string().max(160) }), }), hero: z.object({ kicker: z.string(), title: z.string(), // Farina, con |em| overline: z.string(), // Notte, riga oro sopra il titolo titleNotte: z.string(), // Notte, 2 righe separate da \n side: z.string(), // Notte, testo verticale text: z.string(), ctaProducts: z.string(), ctaWhere: z.string(), photoCaption: z.string(), }), home: z.object({ productsKicker: z.string(), productsHeading: z.string(), markHeading: z.string(), // con |em| markText: z.string(), storyKicker: z.string(), storyHeading: z.string(), storyText: z.string(), storyCta: z.string(), faqHeading: z.string(), contactHeading: z.string(), contactText: z.string(), }), faq, product: z.object({ ingredients: z.string(), allergens: z.string(), formats: z.string(), where: z.string(), whereText: z.string(), shop: z.string(), nutrition: z.string(), all: z.string(), prev: z.string(), next: z.string(), breadcrumbHome: z.string(), }), contact: z.object({ phone: z.string(), mobile: z.string(), whatsapp: z.string(), email: z.string(), address: z.string(), hours: z.string(), hoursText: z.string(), map: z.string(), social: z.string(), shop: z.string(), }), press: z.object({ youtube: z.string(), rai: z.string(), striscia: z.string(), watch: z.string() }), footer: z.object({ language: z.string(), funded: z.string(), vat: z.string() }), gallery: z.object({ open: z.string(), close: z.string(), prev: z.string(), next: z.string() }), a11y: z.object({ skip: z.string(), menu: z.string(), closeMenu: z.string() }), alts: z.record(z.string()), }), }); export const collections = { products, pages, ui }; ``` - [ ] **Step 2: Scrivi `src/lib/content.ts`** ```ts import { getCollection, getEntry, type CollectionEntry } from 'astro:content'; import type { Lang } from '../data/locales'; export type Ui = CollectionEntry<'ui'>['data']; export type Product = CollectionEntry<'products'>; export type PageKey = 'bakery' | 'triora' | 'press' | 'contact' | 'privacy' | 'legal'; export const PAGE_KEYS: PageKey[] = ['bakery', 'triora', 'press', 'contact', 'privacy', 'legal']; export async function getUi(lang: Lang): Promise { const e = await getEntry('ui', lang); if (!e) throw new Error(`src/content/ui/${lang}.json mancante`); return e.data; } export async function getProducts(lang: Lang): Promise { const all = await getCollection('products', (e) => e.id.startsWith(`${lang}/`)); return all.sort((a, b) => a.data.order - b.data.order); } export function slugOf(e: Product): string { return e.id.split('/')[1]; } export async function getPage(lang: Lang, key: PageKey) { const e = await getEntry('pages', `${lang}/${key}`); if (!e) throw new Error(`src/content/pages/${lang}/${key}.md mancante`); return e; } ``` - [ ] **Step 3: Scrivi i 7 prodotti italiani in `src/content/products/it/`** `pane-di-triora.md`: ```md --- title: Pane di Triora tagline: Il "principe" del nostro panificio. description: L'unico, autentico Pane di Triora, prodotto dal Panificio Asplanato da oltre sessant'anni con farina tipo 1 e acqua di montagna. order: 1 photo: pane ingredients: [acqua, farina di grano tenero tipo 1, lievito di birra, sale, crusca alimentare] allergens: [grano] formats: [forma da 1 kg, forma da 0,5 kg] --- È il prodotto "principe" del nostro panificio, quello storico che ci ha reso famosi e che ha contribuito a rendere famosa Triora, oggi parte dell'Associazione Nazionale Città del Pane. Il segreto della sua bontà sta nell'aria e nell'acqua del luogo che, unite agli ingredienti che utilizziamo (in particolare la farina di grano tenero tipo 1), rendono questo pane un alimento unico. È una pagnotta nata per durare giorni. Si trova in forme da 1 kg e da 0,5 kg. Se venite a Triora nel tardo pomeriggio o in serata (eccetto il sabato), lo trovate caldo, appena sfornato. Se non potete risalire la Valle Argentina, il Pane di Triora lo trovate nei principali centri della Liguria: scriveteci per conoscere il punto vendita più vicino. Ma ricordate: controllate che sia quello con il marchio. ``` `pane-multicereali.md`: ```md --- title: Pane Multicereali tagline: La novità del Panificio Asplanato. description: Pagnotte scure da 400-450 g con farina multicereali altoatesina, grano saraceno in superficie e olio di oliva. Morbide e di lunga conservazione. order: 2 photo: cereali ingredients: ["farina multicereali (farina di grano tenero tipo 0, semi di girasole, sesamo, semi di lino, lievito madre di farina di grano tenero tipo 0 in polvere, farina di segale, farine maltate di orzo e grano tenero, farina di avena, farina di orzo, alfa amilasi, agente di trattamento della farina: acido ascorbico)", acqua, olio di oliva, lievito, sale, spolvero di crusca] allergens: [grano, sesamo] formats: [pagnotta da 400-450 g] --- Nato quasi per caso dopo il lockdown del 2020, il pane multicereali è l'ultima creazione del Panificio Asplanato. Sono pagnotte da 400-450 grammi, molto scure, decorate in superficie con il grano saraceno. Lo produciamo con farina multicereali di provenienza altoatesina, olio di oliva, sale e lievito di birra. Si distingue per la morbidezza e per la buona conservabilità. ``` `grissini.md`: ```md --- title: Grissini tagline: Ideali a tutte le ore. description: Grissini prodotti con la stessa farina tipo 1 del Pane di Triora, in confezioni da 200 g. Perfetti per l'aperitivo. order: 3 photo: grissini ingredients: [acqua, farina di grano tenero tipo 1, olio di semi di mais, lievito di birra, sale, farina di grano tenero tipo 0, emulsionante E472e, destrosio] allergens: [grano] formats: [confezione da 200 g] --- Un prodotto più recente, nato una decina d'anni fa per rispondere alle richieste dei clienti. Li facciamo con la stessa farina tipo 1 che ha reso celebre il nostro pane. Vanno bene a tutte le ore, in particolare come aperitivo. Li trovate nel nostro panificio e in vari punti vendita del ponente ligure, in confezioni da 200 grammi. ``` `pane-d-orzo.md`: ```md --- title: Pane d'Orzo tagline: La carpasina. description: Il pane d'orzo o carpasina, uno dei prodotti più antichi del ponente ligure. Duro, da bagnare e condire con pomodoro, aglio, basilico e olio. order: 4 photo: orzo ingredients: [farina d'orzo, acqua, sale] allergens: [orzo (glutine)] formats: [dischi] --- Il Pane d'Orzo, conosciuto anche come Carpasina dal vicino paese di Carpasio, è uno dei prodotti storicamente più antichi del ponente ligure. Simile alla frisella, ha la forma di un piccolo disco di pochi centimetri di diametro ed è molto duro. Era questa la caratteristica che ne garantiva la lunga conservazione, quando i pastori ne facevano scorta per la transumanza. Si inumidisce con un filo d'acqua e si condisce a piacere: pomodoro, aglio, basilico e olio di oliva. ``` `bruschette.md`: ```md --- title: Bruschette tagline: Aromatizzate all'origano. description: Bruschette già pronte all'origano, con olio extravergine ROI, da condire con olio e pomodoro. Ottime anche nella zuppa di pesce. order: 5 photo: bruschette ingredients: [farina di grano tenero tipo 1, acqua, olio extravergine di oliva ROI, olio di semi di mais, lievito di birra, sale, origano, farina di grano tenero tipo 00, emulsionante E472e, destrosio] allergens: [grano] formats: [] --- Nate nel 2015, si stanno ritagliando il loro spazio. È una bruschetta già pronta, aromatizzata all'origano, da condire con olio e pomodoro. Da provare anche nella zuppa di pesce. ``` `biscotti-di-triora.md`: ```md --- title: Biscotti di Triora tagline: Tipo Lagaccio, con anice. description: Biscotti tipo Lagaccio con farina tipo 1, semi di anice e olio extravergine taggiasco dell'Oleificio Roi di Badalucco. Per la colazione. order: 6 photo: biscotti ingredients: [farina di grano tenero tipo 1, acqua, zucchero, olio extravergine di oliva, lievito di birra, semi di anice, farina di grano tenero tipo 0, emulsionante E472e, destrosio] allergens: [grano] formats: [] --- I biscotti sono di produzione recente ma richiamano sapori di una volta, come l'anice. All'inizio usavamo la farina 00; oggi anche i biscotti sono fatti con farina di grano tenero tipo 1, a cui aggiungiamo i semi di anice e l'olio extravergine di oliva taggiasca dell'Oleificio Roi di Badalucco. Provateli a colazione. ``` `biscottate-di-triora.md`: ```md --- title: Biscottate di Triora tagline: Tipo Lagaccio, senza anice. description: Le Biscottate di Triora, tipo Lagaccio senza semi di anice e con olio di mais. Per chi preferisce un gusto più neutro. order: 7 photo: biscottate ingredients: [farina di grano tenero tipo 1, acqua, zucchero, olio di semi di mais, olio extravergine di oliva, lievito di birra, farina di grano tenero tipo 0, emulsionante E472e, destrosio] allergens: [grano] formats: [] --- Per chi non ama il gusto dell'anice produciamo un biscotto molto simile ai Biscotti di Triora: le Biscottate sono preparate senza semi di anice e con l'aggiunta di olio di mais. ``` - [ ] **Step 4: Scrivi le 6 pagine italiane in `src/content/pages/it/`** `bakery.md`: ```md --- title: Il Panificio Asplanato description: La storia del Panificio Asplanato Angiolino di Triora, unico produttore del Pane di Triora dal secondo dopoguerra. kicker: Il panificio heading: Dove tutto nasce --- Nel secondo dopoguerra Angiolino, panettiere del paese, riprese antiche ricette tramandate a voce e decise di rimettere in produzione una pagnotta che potesse durare diversi giorni. All'inizio bastava soddisfare il fabbisogno di un paese di montagna che negli anni Cinquanta contava ancora più di mille abitanti. Poi, grazie all'interessamento di alcuni negozianti di Sanremo, nacque una piccola rete di distribuzione: il pane scendeva a valle con l'autobus di linea. Oggi gli ingredienti sono gli stessi di allora. Si continua a usare la farina di grano tenero tipo 1, che dà alla pagnotta il suo colore dorato, il lievito di birra, il sale, uno spolvero di crusca su cui il pane riposa prima della cottura e l'acqua che sgorga non lontano dal Paese delle Streghe. ## La famiglia Il panificio è ancora una cosa di famiglia: Asplanato Angiolino SAS di Asplanato Ornella e C. Siamo l'unico produttore del Pane di Triora. ``` `triora.md`: ```md --- title: Triora, il Paese delle Streghe description: Triora, borgo medievale a 780 metri in Valle Argentina, entroterra di Sanremo. Città del Pane, paese delle streghe, casa del Pane di Triora. kicker: Il territorio heading: La nostra terra --- Triora è un borgo medievale a 780 metri di altitudine, in cima alla Valle Argentina, nell'entroterra di Sanremo e Taggia. È conosciuta come il Paese delle Streghe per i processi del 1587-1589, e fa parte dell'Associazione Nazionale Città del Pane. L'aria e l'acqua di qui sono il segreto del nostro pane. Vicoli in pietra, archi, il campanile che guarda la valle, i boschi di castagni e le montagne delle Alpi Liguri intorno. ## Come arrivare Da Sanremo o Arma di Taggia si risale la Valle Argentina per la SP 548: Badalucco, Molini di Triora, poi Triora. Circa 35 km e 50 minuti d'auto dalla costa. Il panificio è in Corso Italia 37, nel centro del paese. ``` `press.md`: ```md --- title: Parlano di noi description: Servizi e video sul Pane di Triora e sul Panificio Asplanato: Rai TG1, Striscia la Notizia, YouTube. kicker: Rassegna heading: Parlano di noi --- Alcuni filmati e servizi che hanno raccontato il Pane di Triora e il nostro panificio. ``` `contact.md`: ```md --- title: Contatti description: Panificio Asplanato, Corso Italia 37, Triora (IM). Telefono, WhatsApp, mappa e orari del pane caldo. kicker: Contatti heading: Venite a trovarci --- Il pane caldo lo trovate nel tardo pomeriggio e in serata, tutti i giorni tranne il sabato. Per sapere qual è il punto vendita più vicino a voi, scriveteci. ``` `privacy.md`: ```md --- title: Privacy description: Informativa sulla privacy del sito paneditriora.it. heading: Privacy --- Questo sito non usa cookie di profilazione e non raccoglie dati personali. Non ci sono moduli, newsletter o account. L'unico cookie tecnico, `lang`, viene salvato solo se scegliete manualmente una lingua dal selettore a fondo pagina, per ricordare la scelta. Dura un anno. Le statistiche di visita sono raccolte con Cloudflare Web Analytics, che non usa cookie e non identifica i visitatori. I video di YouTube vengono caricati solo se cliccate su "guarda il video", dal dominio youtube-nocookie.com. Da quel momento valgono le condizioni di Google. Titolare del trattamento: Asplanato Angiolino SAS di Asplanato Ornella e C., Corso Italia 37, 18010 Triora (IM). Per qualsiasi richiesta potete scriverci o telefonarci ai recapiti della pagina Contatti. ``` `legal.md`: ```md --- title: Note legali description: Dati societari di Asplanato Angiolino SAS, titolare del sito paneditriora.it. heading: Note legali --- Asplanato Angiolino SAS di Asplanato Ornella e C. Corso Italia 37, 18010 Triora (IM), Italia Partita IVA 00875900086 Tutti i contenuti di questo sito, testi, fotografie e marchio, sono di proprietà di Asplanato Angiolino SAS. Ne è vietata la riproduzione senza autorizzazione. "Pane di Triora" e il marchio con la spiga sono segni distintivi del Panificio Asplanato, unico produttore. ``` - [ ] **Step 5: Scrivi `src/content/ui/it.json`** ```json { "nav": { "home": "Home", "products": "Prodotti", "bakery": "Il panificio", "triora": "Triora", "press": "Parlano di noi", "contact": "Contatti" }, "meta": { "home": { "title": "Pane di Triora · Panificio Asplanato, l'unico produttore", "description": "L'unico, autentico Pane di Triora. Dal secondo dopoguerra il Panificio Asplanato lo fa con farina tipo 1 e acqua di montagna, nel Paese delle Streghe." }, "products": { "title": "I prodotti · Pane di Triora", "description": "Pane di Triora, pane multicereali, grissini, pane d'orzo, bruschette, biscotti e biscottate. Ingredienti, allergeni e dove trovarli." } }, "hero": { "kicker": "Panificio Asplanato · Triora, 780 m · da oltre sessant'anni", "title": "L'unico, |autentico| Pane di Triora.", "overline": "L'unico, dal dopoguerra.", "titleNotte": "Pane\ndi Triora", "side": "Valle Argentina · Paese delle Streghe", "text": "Farina di grano tenero tipo 1, acqua e aria di montagna, un forno che non si è mai fermato. Una pagnotta nata per durare giorni, riconoscibile dal marchio.", "ctaProducts": "I prodotti", "ctaWhere": "Dove trovarlo", "photoCaption": "Forma da 1 kg · Farina tipo 1" }, "home": { "productsKicker": "Dal forno", "productsHeading": "Sette prodotti, una farina.", "markHeading": "Controllate che sia |quello con il marchio.|", "markText": "Siamo l'unico produttore del Pane di Triora. Lo trovate nei principali centri della Liguria e caldo a Triora nel tardo pomeriggio, tranne il sabato.", "storyKicker": "Il panificio", "storyHeading": "Il forno non si è mai spento.", "storyText": "Nel secondo dopoguerra Angiolino riprese le ricette del paese e rimise in produzione una pagnotta fatta per durare. Il pane scendeva a Sanremo con l'autobus di linea. Gli ingredienti sono ancora quelli.", "storyCta": "La nostra storia", "faqHeading": "Domande frequenti", "contactHeading": "Venite a trovarci", "contactText": "Corso Italia 37, Triora. Pane caldo nel tardo pomeriggio, tranne il sabato." }, "faq": [ { "q": "Dove si compra il Pane di Triora?", "a": "Nel nostro panificio in Corso Italia 37 a Triora, nei principali centri della Liguria e online tramite Nuova Bottega Italia. Scriveteci su WhatsApp per il punto vendita più vicino." }, { "q": "Quanto dura il Pane di Triora?", "a": "È una pagnotta nata per durare: si conserva bene per diversi giorni, molto più di un pane comune. Tenetelo in un sacchetto di carta o di tela." }, { "q": "Quali sono gli ingredienti?", "a": "Acqua, farina di grano tenero tipo 1, lievito di birra, sale e crusca. Contiene glutine." }, { "q": "Quando si trova il pane caldo?", "a": "A Triora nel tardo pomeriggio e in serata, tutti i giorni tranne il sabato." }, { "q": "Come riconosco quello originale?", "a": "Dal marchio con la spiga che si avvolge, la forma tonda della pagnotta. Siamo l'unico produttore del Pane di Triora." }, { "q": "Che differenza c'è tra biscotti e biscottate?", "a": "Sono entrambi tipo Lagaccio. I Biscotti di Triora hanno i semi di anice e l'olio extravergine taggiasco; le Biscottate sono senza anice, con olio di mais." } ], "product": { "ingredients": "Ingredienti", "allergens": "Allergeni", "formats": "Formati", "where": "Dove trovarlo", "whereText": "Nel panificio a Triora, nei principali centri della Liguria e online. Scriveteci per il punto vendita più vicino.", "shop": "Compra online", "nutrition": "Valori nutrizionali (PDF)", "all": "Tutti i prodotti", "prev": "Precedente", "next": "Successivo", "breadcrumbHome": "Home" }, "contact": { "phone": "Telefono", "mobile": "Cellulare", "whatsapp": "Scrivici su WhatsApp", "email": "Email", "address": "Indirizzo", "hours": "Pane caldo", "hoursText": "Tardo pomeriggio e sera, tutti i giorni tranne il sabato.", "map": "Apri in Google Maps", "social": "Seguici", "shop": "Shop online" }, "press": { "youtube": "Pane di Triora, il video", "rai": "Rai TG1 · Il Paese delle Streghe", "striscia": "Striscia la Notizia · Il Pane di Triora", "watch": "Guarda il video" }, "footer": { "language": "Lingua", "funded": "Progetto cofinanziato da", "vat": "P. IVA" }, "gallery": { "open": "Ingrandisci", "close": "Chiudi", "prev": "Precedente", "next": "Successiva" }, "a11y": { "skip": "Vai al contenuto", "menu": "Menu", "closeMenu": "Chiudi il menu" }, "alts": { "pane": "Pagnotta di Pane di Triora su un canovaccio", "cereali": "Pane multicereali con grano saraceno", "grissini": "Grissini del Panificio Asplanato", "orzo": "Pane d'orzo, la carpasina", "bruschette": "Bruschette all'origano", "biscotti": "Biscotti di Triora con anice", "biscottate": "Biscottate di Triora", "pagnotta": "Pagnotta di Pane di Triora appena sfornata", "banco": "Il banco del panificio con pane e grissini", "lievitazione": "Pagnotte in lievitazione", "forno": "Pagnotte sul nastro del forno", "panificio01": "La famiglia Asplanato nel laboratorio", "panificio02": "Biscotti appena tagliati sul banco", "panificio03": "Biscotti di Triora in cottura", "affettatrice": "Pagnotte all'uscita del forno", "borgo": "Triora vista dall'alto con il campanile", "panorama": "Triora arroccata sulla Valle Argentina", "campanile": "Il campanile di Triora", "monti": "Le montagne intorno a Triora", "mulino": "Il vecchio mulino in bianco e nero", "bosco": "Sentiero nel bosco di Triora nella nebbia", "piazza": "La piazza di Triora con i portici", "insegna": "L'insegna del Paese delle Streghe", "persona02": "Ornella Asplanato", "persona03": "Una persona della famiglia Asplanato", "persona04": "Angiolino Asplanato con una pagnotta", "persona06": "Una persona della famiglia Asplanato" } } ``` - [ ] **Step 6: Build** Run: `pnpm astro sync && pnpm check` Expected: 0 errori (la pagina segnaposto non usa ancora le collezioni, ma lo schema viene validato). - [ ] **Step 7: Commit** ```bash git add src/content.config.ts src/lib/content.ts src/content git commit -m "Content collections e contenuti italiani" ``` --- ### Task 4: Traduzioni EN, FR, DE, ES, NL e controllo coerenza **Files:** - Create: `src/content/products/{en,fr,de,es,nl}/*.md` (35), `src/content/pages/{en,fr,de,es,nl}/*.md` (30), `src/content/ui/{en,fr,de,es,nl}.json` (5), `scripts/check-content.mjs` **Interfaces:** - Consumes: i file IT del Task 3 come sorgente. - Produces: contenuti completi in 6 lingue; `pnpm check:content` verde. - [ ] **Step 1: Scrivi `scripts/check-content.mjs`** ```js import { readdirSync, readFileSync } from 'node:fs'; import { join } from 'node:path'; const LANGS = ['en', 'it', 'fr', 'de', 'es', 'nl']; const root = new URL('../src/content/', import.meta.url).pathname; let errors = 0; const fail = (m) => { console.error('✗', m); errors++; }; // stessi file per lingua for (const coll of ['products', 'pages']) { const ref = readdirSync(join(root, coll, 'it')).sort(); for (const lang of LANGS) { const files = readdirSync(join(root, coll, lang)).sort(); if (JSON.stringify(files) !== JSON.stringify(ref)) fail(`${coll}/${lang}: file diversi da it (${files.length} vs ${ref.length})`); for (const f of files) { const fm = (s) => s.match(/^---\n([\s\S]*?)\n---/)?.[1] ?? ''; const keys = (s) => fm(s).split('\n').map((l) => l.match(/^(\w+):/)?.[1]).filter(Boolean).sort(); const a = keys(readFileSync(join(root, coll, 'it', f), 'utf8')); const b = keys(readFileSync(join(root, coll, lang, f), 'utf8')); if (JSON.stringify(a) !== JSON.stringify(b)) fail(`${coll}/${lang}/${f}: chiavi frontmatter diverse`); } } } // stesse chiavi nei json ui const flat = (o, p = '') => Object.entries(o).flatMap(([k, v]) => v && typeof v === 'object' && !Array.isArray(v) ? flat(v, `${p}${k}.`) : [`${p}${k}`]); const refUi = flat(JSON.parse(readFileSync(join(root, 'ui', 'it.json'), 'utf8'))).sort(); for (const lang of LANGS) { const ui = flat(JSON.parse(readFileSync(join(root, 'ui', `${lang}.json`), 'utf8'))).sort(); const missing = refUi.filter((k) => !ui.includes(k)); const extra = ui.filter((k) => !refUi.includes(k)); if (missing.length) fail(`ui/${lang}.json: mancano ${missing.join(', ')}`); if (extra.length) fail(`ui/${lang}.json: chiavi in più ${extra.join(', ')}`); } if (errors) process.exit(1); console.log('✓ contenuti coerenti in', LANGS.length, 'lingue'); ``` - [ ] **Step 2: Esegui, deve fallire** Run: `pnpm check:content` Expected: FAIL con `ENOENT` su `products/en`. - [ ] **Step 3: Traduci tutti i file IT nelle 5 lingue** Per ogni file in `products/it`, `pages/it` e `ui/it.json` crea l'equivalente in `en`, `fr`, `de`, `es`, `nl` con lo stesso nome. Regole: - Stesse chiavi di frontmatter e stesse chiavi JSON, stesso ordine. Valori tradotti, `order`, `photo`, `heading` e `kicker` tradotti dove testo. - Non tradurre i nomi propri dei prodotti (`Pane di Triora`, `Grissini`, `Biscotti di Triora`, `Biscottate di Triora`, `Carpasina`), i toponimi (`Triora`, `Valle Argentina`, `Sanremo`, `Badalucco`, `Carpasio`), `Oleificio Roi`, `Città del Pane` (aggiungi la traduzione tra parentesi la prima volta: "Città del Pane (Bread Towns association)"). - "Paese delle Streghe" si traduce: Village of the Witches / Village des Sorcières / Hexendorf / Pueblo de las Brujas / Heksendorp. - Le `description` restano sotto 160 caratteri. - In `hero.title` e `home.markHeading` conserva i delimitatori `|...|` attorno alla parola enfatizzata. - In `hero.titleNotte` conserva `\n`. - In `ui.alts` traduci tutte le voci. - Registro: semplice, caldo, seconda persona plurale dove l'italiano usa il voi (in EN "you", in DE "Sie", in FR "vous", in ES "ustedes"/impersonale, in NL "u"). - Le liste `ingredients` e `allergens` vanno tradotte con i termini alimentari corretti (es. EN "soft wheat flour type 1", "brewer's yeast", "bran"; DE "Weichweizenmehl Typ 1", "Hefe", "Kleie"; FR "farine de blé tendre type 1"; ES "harina de trigo blando tipo 1"; NL "tarwebloem type 1"). - `legal.md`: `de` usa il titolo "Impressum". - [ ] **Step 4: Esegui il controllo e la build** Run: `pnpm check:content && pnpm astro sync && pnpm check` Expected: `✓ contenuti coerenti in 6 lingue`, 0 errori. - [ ] **Step 5: Commit** ```bash git add scripts/check-content.mjs src/content git commit -m "Traduzioni in 5 lingue e controllo coerenza contenuti" ``` --- ### Task 5: Asset statici: foto, marchio, favicon, bandiere, PDF, loghi **Files:** - Create: `scripts/import-photos.sh`, `src/assets/photos/*.jpg` (27), `src/assets/photos/index.ts`, `src/assets/logo/pittogramma.svg`, `src/assets/logo/wordmark.png`, `public/favicon/*`, `public/favicon.ico`, `public/manifest.webmanifest`, `public/flags/*.svg`, `public/docs/tabelle-nutrizionali.pdf`, `public/partner/*.png`, `src/components/Picto.astro` **Interfaces:** - Produces: `photos` (record nome → `ImageMetadata`), `galleries.bakery`, `galleries.triora`, `portraits`; `` (SVG inline con `fill="currentColor"`). - [ ] **Step 1: Scrivi `scripts/import-photos.sh`** ```bash #!/usr/bin/env bash # Copia le foto originali in src/assets/photos con nome parlante, max 2400 px, senza doppioni. set -euo pipefail cd "$(dirname "$0")/.." SRC="_assets_originali/foto" DST="src/assets/photos" mkdir -p "$DST" declare -A MAP=( [pane]=pane_si1pt1z3 [cereali]=paneaicereali_nn3fqapj [grissini]=grissini_londnqg1 [orzo]=friselle_xfuh0bb2 [bruschette]=bruschette_dmgj5ef1 [biscotti]=biscottianice_3h3btueh [biscottate]=biscotti_o3vdfnsf [pagnotta]=dsc00408_uxwdgbro [banco]=dsc00494_qg5jyzdr [lievitazione]=lievitazione_yvbpcugw [forno]=forno_dhbps1lo [panificio01]=panificio01_c3vdyzll [panificio02]=panificio02_ehvf552t [panificio03]=panificio03_apjp2glo [affettatrice]=affettatrice_jmfh2fio [borgo]=paneditrioracontattimenu_hcljybku [panorama]=triorapaneditriora_elbgkxgk [campanile]=paneditrioracontatti_gawphmtm [monti]=triora-web-1-41_4kinffqc [mulino]=triora-web-1-141-1076x720_fw4pkhdr [bosco]=triora-web-1-51_0glhxitb [piazza]=dsc01485-scaled-e1579188374480_zw4nljkp [insegna]=img_20161029_132011_3prde4hr [persona02]=persona02_2gofmdpb [persona03]=persona03_urqnxnaf [persona04]=persona04_yfsd4aar [persona06]=persona06_50tbsqlc ) for name in "${!MAP[@]}"; do magick "$SRC/${MAP[$name]}.jpg" -auto-orient -strip -resize '2400x2400>' -quality 86 "$DST/$name.jpg" done ls "$DST" | wc -l ``` `bash` di macOS è 3.2 e non supporta `declare -A`: esegui con `/opt/homebrew/bin/bash scripts/import-photos.sh` (oppure `brew install bash`). Aggiungi la nota in testa allo script. - [ ] **Step 2: Esegui** Run: `chmod +x scripts/import-photos.sh && /opt/homebrew/bin/bash scripts/import-photos.sh && du -sh src/assets/photos` Expected: `27`, cartella sotto 20 MB. - [ ] **Step 3: Scrivi `src/assets/photos/index.ts`** ```ts import pane from './pane.jpg'; import cereali from './cereali.jpg'; import grissini from './grissini.jpg'; import orzo from './orzo.jpg'; import bruschette from './bruschette.jpg'; import biscotti from './biscotti.jpg'; import biscottate from './biscottate.jpg'; import pagnotta from './pagnotta.jpg'; import banco from './banco.jpg'; import lievitazione from './lievitazione.jpg'; import forno from './forno.jpg'; import panificio01 from './panificio01.jpg'; import panificio02 from './panificio02.jpg'; import panificio03 from './panificio03.jpg'; import affettatrice from './affettatrice.jpg'; import borgo from './borgo.jpg'; import panorama from './panorama.jpg'; import campanile from './campanile.jpg'; import monti from './monti.jpg'; import mulino from './mulino.jpg'; import bosco from './bosco.jpg'; import piazza from './piazza.jpg'; import insegna from './insegna.jpg'; import persona02 from './persona02.jpg'; import persona03 from './persona03.jpg'; import persona04 from './persona04.jpg'; import persona06 from './persona06.jpg'; export const photos = { pane, cereali, grissini, orzo, bruschette, biscotti, biscottate, pagnotta, banco, lievitazione, forno, panificio01, panificio02, panificio03, affettatrice, borgo, panorama, campanile, monti, mulino, bosco, piazza, insegna, persona02, persona03, persona04, persona06, } as const; export type PhotoKey = keyof typeof photos; export const galleries = { bakery: ['panificio01', 'panificio02', 'panificio03', 'lievitazione', 'forno', 'affettatrice', 'banco'], triora: ['borgo', 'panorama', 'monti', 'mulino', 'bosco', 'piazza', 'insegna'], } as const satisfies Record; export const portraits = ['persona04', 'persona02', 'persona03', 'persona06'] as const satisfies readonly PhotoKey[]; ``` - [ ] **Step 4: Marchio, wordmark, favicon, PDF, loghi partner** ```bash cd "/Users/paolo/Server/Siti Web/Lavoro/Pane di Triora" mkdir -p src/assets/logo public/favicon public/docs public/partner public/flags # pittogramma: il path vettoriale, fill currentColor python3 - <<'EOF' import re s=open('_assets_originali/logo/LogoPaneDiTriora.svg').read() d=re.search(r']*d="([^"]+)"',s).group(1) open('src/assets/logo/pittogramma.svg','w').write(f'') EOF cp _assets_originali/logo/PaneDiTriora.png src/assets/logo/wordmark.png cp _assets_originali/favicon/*.png public/favicon/ cp _assets_originali/favicon/favicon.ico public/favicon.ico cp _assets_originali/documenti/tabellenutrizionalipanificioasplanato.pdf public/docs/tabelle-nutrizionali.pdf cp _assets_originali/loghi_partner/Eur.png public/partner/eu.png cp _assets_originali/loghi_partner/Fesr.png public/partner/fesr.png cp _assets_originali/loghi_partner/Ita.png public/partner/ita.png cp _assets_originali/loghi_partner/Lig.png public/partner/lig.png ``` - [ ] **Step 5: Scrivi `public/manifest.webmanifest`** ```json { "name": "Pane di Triora", "short_name": "Pane di Triora", "icons": [ { "src": "/favicon/android-icon-192x192.png", "sizes": "192x192", "type": "image/png" }, { "src": "/favicon/apple-icon-180x180.png", "sizes": "180x180", "type": "image/png" } ], "theme_color": "#340005", "background_color": "#F4ECDC", "display": "browser" } ``` - [ ] **Step 6: Scrivi le 6 bandiere in `public/flags/`** `it.svg`: ```svg ``` `fr.svg`: ```svg ``` `de.svg`: ```svg ``` `es.svg`: ```svg ``` `nl.svg`: ```svg ``` `en.svg` (Union Jack semplificata): ```svg ``` - [ ] **Step 7: Scrivi `src/components/Picto.astro`** ```astro --- import svg from '../assets/logo/pittogramma.svg?raw'; interface Props { class?: string; title?: string } const { class: cls, title } = Astro.props; const html = title ? svg.replace('
Pane di Triora

{links.map((l) =>
{l.label}
)}

``` - [ ] **Step 5: Scrivi `src/components/Header.notte.astro`** ```astro --- import Picto from './Picto.astro'; import { Image } from 'astro:assets'; import wordmark from '../assets/logo/wordmark.png'; import { localePath, type Lang } from '../data/locales'; import type { Ui } from '../lib/content'; interface Props { lang: Lang; ui: Ui; transparent?: boolean } const { lang, ui, transparent = false } = Astro.props; const links = [ { href: localePath(lang, 'products'), label: ui.nav.products }, { href: localePath(lang, 'bakery'), label: ui.nav.bakery }, { href: localePath(lang, 'triora'), label: ui.nav.triora }, { href: localePath(lang, 'press'), label: ui.nav.press }, { href: localePath(lang, 'contact'), label: ui.nav.contact }, ]; const current = Astro.url.pathname; ---

{links.map((l) =>
{l.label}
)}

``` - [ ] **Step 6: Scrivi `src/components/LangSwitcher.astro`** ```astro --- import { LOCALES, LANG_NAMES, type Lang } from '../data/locales'; interface Props { lang: Lang; alternates: Record; label: string } const { lang, alternates, label } = Astro.props; ---

{LANG_NAMES[lang]}

{LOCALES.filter((l) => l !== lang).map((l) => (
{LANG_NAMES[l]}
))}

``` - [ ] **Step 7: Scrivi `src/components/Footer.astro`** ```astro --- import LangSwitcher from './LangSwitcher.astro'; import Picto from './Picto.astro'; import { business } from '../data/business'; import { localePath, LEGAL_LABELS, type Lang } from '../data/locales'; import type { Ui } from '../lib/content'; interface Props { lang: Lang; ui: Ui; alternates: Record } const { lang, ui, alternates } = Astro.props; const a = business.address; ---

{business.legalName}
{a.street}, {a.zip} {a.city} ({a.province})
{ui.footer.vat} {business.vat.replace('IT', '')}

{business.phone}
{business.mobile}

WhatsApp · Instagram · Facebook

{ui.contact.shop}

{LEGAL_LABELS[lang].privacy} · {LEGAL_LABELS[lang].legal}

{ui.footer.funded}

``` - [ ] **Step 8: Scrivi `src/layouts/Base.astro`** ```astro --- import '../styles/global.css'; import '@fontsource-variable/fraunces/opsz.css'; import '@fontsource-variable/fraunces/opsz-italic.css'; import '@fontsource-variable/instrument-sans/wght.css'; import '@fontsource-variable/bricolage-grotesque/opsz.css'; import '@fontsource-variable/dm-sans/wght.css'; import { getImage } from 'astro:assets'; import { theme, noindex, cfBeacon } from '../lib/theme'; import { LOCALES, DEFAULT_LANG, type Lang } from '../data/locales'; import { getUi } from '../lib/content'; import { absUrl } from '../lib/seo'; import { Header } from '../components/themed'; import Footer from '../components/Footer.astro'; import JsonLd from '../components/JsonLd.astro'; import { photos } from '../assets/photos'; interface Props { lang: Lang; title: string; description: string; alternates: Record; jsonLd?: object[]; ogImage?: ImageMetadata; transparentHeader?: boolean; bodyClass?: string; } const { lang, title, description, alternates, jsonLd = [], ogImage = photos.pane, transparentHeader = false, bodyClass } = Astro.props; const ui = await getUi(lang); const og = await getImage({ src: ogImage, width: 1200, height: 630, format: 'jpeg' }); const canonical = absUrl(alternates[lang]); --- {title} {noindex && } {LOCALES.map((l) => )} {ui.a11y.skip}

{cfBeacon && } ``` - [ ] **Step 9: Aggiorna `src/pages/[lang]/index.astro` per usare Base** ```astro --- import Base from '../../layouts/Base.astro'; import { LOCALES, localePath, type Lang } from '../../data/locales'; import { getUi } from '../../lib/content'; export function getStaticPaths() { return LOCALES.map((lang) => ({ params: { lang } })); } const lang = Astro.params.lang as Lang; const ui = await getUi(lang); const alternates = Object.fromEntries(LOCALES.map((l) => [l, localePath(l)])) as Record; ---
``` - [ ] **Step 10: Build entrambi i temi e controlla l'head** Run: `pnpm build:farina && grep -c 'hreflang' dist/it/index.html && grep -o ']*>' dist/de/index.html && pnpm build:notte && grep -o 'wordmark[^"]*' dist/en/index.html | head -1` Expected: `7`, canonical `https://www.paneditriora.it/de/`, un file `wordmark.*.png` nel tema Notte. - [ ] **Step 11: Apri in Chrome e guarda testata e footer** Run: `pnpm dev` (Farina) e in un altro terminale `pnpm dev:notte --port 4322`. Apri `http://localhost:4321/it/` e `http://localhost:4322/it/` in tab normali di Chrome, anche a 375 px. Il menu mobile si apre con il pulsante, la tendina lingua nel footer mostra bandiera + nome e cambia lingua. Expected: nessun errore in console, cookie `lang` impostato dopo un cambio lingua (`document.cookie` in console). - [ ] **Step 12: Commit** ```bash git add src git commit -m "Layout base con SEO head, testata per tema, footer e selettore lingua" ``` --- ### Task 8: Home page completa (hero e griglia per tema, marchio, storia, FAQ, contatti) **Files:** - Create: `src/components/HeroHome.notte.astro`, `src/components/HeroHome.farina.astro`, `src/components/ProductGrid.notte.astro`, `src/components/ProductGrid.farina.astro`, `src/components/MarchioBand.astro`, `src/components/Faq.astro` - Modify: `src/components/themed/index.ts`, `src/pages/[lang]/index.astro` **Interfaces:** - Consumes: `getProducts`, `photos`, `emphasize`, `bakeryLd`, `faqLd`, `itemListLd`, `localePath`. - Produces: `HeroHome`, `ProductGrid` da `themed`; ``; ``. - [ ] **Step 1: Scrivi `src/components/HeroHome.farina.astro`** ```astro --- import { Picture } from 'astro:assets'; import Picto from './Picto.astro'; import { photos } from '../assets/photos'; import { localePath, type Lang } from '../data/locales'; import { emphasize } from '../lib/text'; import type { Ui } from '../lib/content'; interface Props { lang: Lang; ui: Ui } const { lang, ui } = Astro.props; ---

{ui.hero.kicker}

{ui.hero.text}

{ui.hero.ctaProducts} {ui.hero.ctaWhere}

il marchio

``` - [ ] **Step 2: Scrivi `src/components/HeroHome.notte.astro`** ```astro --- import { Picture } from 'astro:assets'; import { photos } from '../assets/photos'; import { localePath, type Lang } from '../data/locales'; import type { Ui } from '../lib/content'; interface Props { lang: Lang; ui: Ui } const { lang, ui } = Astro.props; const [line1, line2] = ui.hero.titleNotte.split('\n'); ---

{ui.hero.overline}{line1}
{line2}

{ui.hero.text}{ui.hero.ctaProducts} ↓

``` - [ ] **Step 3: Scrivi `src/components/ProductGrid.farina.astro`** ```astro --- import { Picture } from 'astro:assets'; import { photos } from '../assets/photos'; import { localePath, type Lang } from '../data/locales'; import { slugOf, type Product, type Ui } from '../lib/content'; interface Props { lang: Lang; ui: Ui; products: Product[]; heading?: boolean } const { lang, ui, products, heading = true } = Astro.props; ---
{heading &&
{ui.home.productsKicker}
{ui.home.productsHeading}
}
{products.map((p, i) => (
{String(i + 1).padStart(2, '0')}
{p.data.title}
{p.data.tagline}
))}

``` - [ ] **Step 4: Scrivi `src/components/ProductGrid.notte.astro`** ```astro --- import { Picture } from 'astro:assets'; import Picto from './Picto.astro'; import { photos } from '../assets/photos'; import { localePath, type Lang } from '../data/locales'; import { slugOf, type Product, type Ui } from '../lib/content'; import { emphasize } from '../lib/text'; interface Props { lang: Lang; ui: Ui; products: Product[]; heading?: boolean } const { lang, ui, products, heading = true } = Astro.props; ---

{heading && (

{ui.home.markText}

)} {products.map((p, i) => (
{String(i + 1).padStart(2, '0')}
{p.data.title}

))}

``` - [ ] **Step 5: Scrivi `src/components/MarchioBand.astro` (solo Farina)** ```astro --- import { Picture } from 'astro:assets'; import Picto from './Picto.astro'; import { photos } from '../assets/photos'; import { emphasize } from '../lib/text'; import type { Ui } from '../lib/content'; interface Props { ui: Ui } const { ui } = Astro.props; ---

{ui.home.markText}

``` - [ ] **Step 6: Scrivi `src/components/Faq.astro`** ```astro --- interface Props { heading: string; items: { q: string; a: string }[] } const { heading, items } = Astro.props; ---

{heading}

{items.map((f) => (

{f.q}

{f.a}

))}

``` - [ ] **Step 7: Aggiorna `src/components/themed/index.ts`** ```ts import { isNotte } from '../../lib/theme'; import HeaderNotte from '../Header.notte.astro'; import HeaderFarina from '../Header.farina.astro'; import HeroNotte from '../HeroHome.notte.astro'; import HeroFarina from '../HeroHome.farina.astro'; import GridNotte from '../ProductGrid.notte.astro'; import GridFarina from '../ProductGrid.farina.astro'; export const Header = isNotte ? HeaderNotte : HeaderFarina; export const HeroHome = isNotte ? HeroNotte : HeroFarina; export const ProductGrid = isNotte ? GridNotte : GridFarina; ``` - [ ] **Step 8: Riscrivi `src/pages/[lang]/index.astro`** ```astro --- import { Picture } from 'astro:assets'; import Base from '../../layouts/Base.astro'; import { HeroHome, ProductGrid } from '../../components/themed'; import MarchioBand from '../../components/MarchioBand.astro'; import Faq from '../../components/Faq.astro'; import { isNotte } from '../../lib/theme'; import { LOCALES, localePath, type Lang } from '../../data/locales'; import { business } from '../../data/business'; import { getUi, getProducts, slugOf } from '../../lib/content'; import { bakeryLd, faqLd, itemListLd, absUrl } from '../../lib/seo'; import { photos } from '../../assets/photos'; export function getStaticPaths() { return LOCALES.map((lang) => ({ params: { lang } })); } const lang = Astro.params.lang as Lang; const ui = await getUi(lang); const products = await getProducts(lang); const alternates = Object.fromEntries(LOCALES.map((l) => [l, localePath(l)])) as Record; const jsonLd = [ bakeryLd(lang, ui), faqLd(ui.faq), itemListLd(products.map((p) => ({ name: p.data.title, url: absUrl(localePath(lang, 'products', slugOf(p))) }))), ]; --- {!isNotte && }

{ui.home.storyKicker}

{ui.home.storyHeading}

{ui.home.storyText}
{ui.home.storyCta}

{ui.home.contactHeading}

{ui.home.contactText}

WhatsApp {business.phone} {ui.contact.map}

``` - [ ] **Step 9: Build e verifica** Run: `pnpm check && pnpm build:notte && grep -c 'application/ld+json' dist/it/index.html && grep -o ' ({ params: { lang, products: SECTIONS.products[lang] } })); } const lang = Astro.params.lang as Lang; const ui = await getUi(lang); const products = await getProducts(lang); const alternates = Object.fromEntries(LOCALES.map((l) => [l, localePath(l, 'products')])) as Record; const jsonLd = [ itemListLd(products.map((p) => ({ name: p.data.title, url: absUrl(localePath(lang, 'products', slugOf(p))) }))), breadcrumbLd([{ name: ui.product.breadcrumbHome, url: absUrl(localePath(lang)) }, { name: ui.nav.products, url: absUrl(alternates[lang]) }]), ]; ---

{ui.home.productsKicker}

{ui.nav.products}

{ui.meta.products.description}

``` - [ ] **Step 2: Scrivi `src/pages/[lang]/[products]/[slug].astro`** ```astro --- import { Picture, getImage } from 'astro:assets'; import { render } from 'astro:content'; import Base from '../../../layouts/Base.astro'; import { LOCALES, SECTIONS, localePath, type Lang } from '../../../data/locales'; import { business } from '../../../data/business'; import { getUi, getProducts, slugOf } from '../../../lib/content'; import { productLd, breadcrumbLd, absUrl } from '../../../lib/seo'; import { photos } from '../../../assets/photos'; export async function getStaticPaths() { const paths = []; for (const lang of LOCALES) { const products = await getProducts(lang); products.forEach((p, i) => { paths.push({ params: { lang, products: SECTIONS.products[lang], slug: slugOf(p) }, props: { product: p, prev: products[(i + products.length - 1) % products.length], next: products[(i + 1) % products.length] }, }); }); } return paths; } const lang = Astro.params.lang as Lang; const { product, prev, next } = Astro.props; const ui = await getUi(lang); const slug = slugOf(product); const { Content } = await render(product); const alternates = Object.fromEntries(LOCALES.map((l) => [l, localePath(l, 'products', slug)])) as Record; const photo = photos[product.data.photo]; const ogImg = await getImage({ src: photo, width: 1200, format: 'jpeg' }); const jsonLd = [ productLd(product, absUrl(alternates[lang]), absUrl(ogImg.src)), breadcrumbLd([ { name: ui.product.breadcrumbHome, url: absUrl(localePath(lang)) }, { name: ui.nav.products, url: absUrl(localePath(lang, 'products')) }, { name: product.data.title, url: absUrl(alternates[lang]) }, ]), ]; ---

{ui.product.breadcrumbHome} / {ui.nav.products} / {product.data.title}

{product.data.tagline}

{product.data.title}

{ui.product.ingredients}
{product.data.ingredients.join(', ')}.

{ui.product.allergens}
{product.data.allergens.join(', ')}.
{product.data.formats.length > 0 && <>
{ui.product.formats}
{product.data.formats.join(', ')}.
}
{ui.product.where}
{ui.product.whereText}

{ui.product.shop} {ui.product.nutrition}

← {prev.data.title} {ui.product.all} {next.data.title} →

``` Nel tema Notte la classe `paper` sul body rende chiare le pagine di testo: aggiungi in `global.css` ```css html[data-theme="notte"] body.paper { background: var(--paper); color: var(--paper-ink); --ink: var(--paper-ink); --ink-2: #4a3a30; --line: rgba(52,0,5,.14); --bord: #340005; --acc: #B5541C; --bg: var(--paper); --bg-2: #EFE3CC; } html[data-theme="notte"] body.paper .hd { background: var(--paper); } html[data-theme="notte"] body.paper .hd__picto { color: #340005; } html[data-theme="notte"] body.paper .hd__word { filter: invert(1) sepia(1) saturate(4) hue-rotate(320deg) brightness(.35); } html[data-theme="notte"] body.paper .hd__burger, html[data-theme="notte"] body.paper .hd__burger::before, html[data-theme="notte"] body.paper .hd__burger::after { background: #340005; } ``` - [ ] **Step 3: Build e verifica** Run: `pnpm build:farina && ls dist/it/prodotti/ && ls dist/de/produkte/ | wc -l && grep -c '"@type":"Product"' dist/en/products/grissini/index.html` Expected: 7 cartelle + `index.html`, `8`, `1`. - [ ] **Step 4: Guarda in Chrome** `/it/prodotti/` e `/it/prodotti/pane-di-triora/` in entrambi i temi, 375 e 1440 px. In Notte la scheda ha fondo crema con testata coerente. Expected: foto sticky a desktop, prev/next funzionanti, PDF scaricabile. - [ ] **Step 5: Commit** ```bash git add src git commit -m "Pagine prodotti con schema Product e breadcrumb" ``` --- ### Task 10: Pagine interne (panificio, Triora, parlano di noi, contatti, privacy, note legali) **Files:** - Create: `src/components/Gallery.astro`, `src/components/YouTubeFacade.astro`, `src/components/ContactBlock.astro`, `src/pages/[lang]/[page].astro` **Interfaces:** - Consumes: `getPage(lang, key)`, `galleries`, `portraits`, `business.press`. - [ ] **Step 1: Scrivi `src/components/Gallery.astro`** ```astro --- import { Picture, getImage } from 'astro:assets'; import { photos, type PhotoKey } from '../assets/photos'; import type { Ui } from '../lib/content'; interface Props { keys: readonly PhotoKey[]; ui: Ui } const { keys, ui } = Astro.props; const large = await Promise.all(keys.map((k) => getImage({ src: photos[k], width: 1600, format: 'webp' }))); ---
{keys.map((k, i) => (

))}
``` - [ ] **Step 2: Scrivi `src/components/YouTubeFacade.astro`** ```astro --- import { Picture } from 'astro:assets'; import { photos } from '../assets/photos'; interface Props { id: string; title: string; play: string } const { id, title, play } = Astro.props; ---

``` - [ ] **Step 3: Scrivi `src/components/ContactBlock.astro`** ```astro --- import { business } from '../data/business'; import type { Ui } from '../lib/content'; interface Props { ui: Ui } const { ui } = Astro.props; const a = business.address; const mapEmbed = `https://www.google.com/maps?q=${encodeURIComponent(`${a.street}, ${a.zip} ${a.city} ${a.province}`)}&output=embed`; ---

{ui.contact.address}
{business.legalName}
{a.street}, {a.zip} {a.city} ({a.province})
{ui.contact.map}

{ui.contact.phone}
{business.phone}

{ui.contact.mobile}
{business.mobile} · {ui.contact.whatsapp}
{business.email && <>
{ui.contact.email}
{business.email}
}
{ui.contact.hours}
{ui.contact.hoursText}

{ui.contact.social}
Instagram · Facebook

{ui.contact.shop}
nuovabottegaitalia.com

{ui.contact.map}

``` - [ ] **Step 4: Scrivi `src/pages/[lang]/[page].astro`** ```astro --- import { Picture } from 'astro:assets'; import { render } from 'astro:content'; import Base from '../../layouts/Base.astro'; import Gallery from '../../components/Gallery.astro'; import YouTubeFacade from '../../components/YouTubeFacade.astro'; import ContactBlock from '../../components/ContactBlock.astro'; import { LOCALES, SECTIONS, localePath, type Lang } from '../../data/locales'; import { business } from '../../data/business'; import { getUi, getPage, PAGE_KEYS, type PageKey } from '../../lib/content'; import { breadcrumbLd, absUrl } from '../../lib/seo'; import { photos, galleries, portraits } from '../../assets/photos'; export function getStaticPaths() { return LOCALES.flatMap((lang) => PAGE_KEYS.map((key) => ({ params: { lang, page: SECTIONS[key][lang] }, props: { key } }))); } const lang = Astro.params.lang as Lang; const { key } = Astro.props as { key: PageKey }; const ui = await getUi(lang); const page = await getPage(lang, key); const { Content } = await render(page); const alternates = Object.fromEntries(LOCALES.map((l) => [l, localePath(l, key)])) as Record; const navLabel = key === 'privacy' || key === 'legal' ? page.data.title : ui.nav[key]; const jsonLd = [ breadcrumbLd([{ name: ui.product.breadcrumbHome, url: absUrl(localePath(lang)) }, { name: navLabel, url: absUrl(alternates[lang]) }]), ...(key === 'bakery' ? [{ '@context': 'https://schema.org', '@type': 'AboutPage', name: page.data.title, url: absUrl(alternates[lang]) }] : []), ]; const heroPhoto = key === 'bakery' ? photos.banco : key === 'triora' ? photos.panorama : key === 'contact' ? photos.campanile : null; ---

{page.data.kicker &&
{page.data.kicker}
}
{page.data.heading}

{heroPhoto &&
}
{key === 'bakery' && ( <>
{portraits.map((k) =>
)}
)} {key === 'triora' && } {key === 'press' && (

{ui.press.youtube}

{ui.press.rai}

{ui.press.striscia}

)} {key === 'contact' && }
``` - [ ] **Step 5: Build e verifica** Run: `pnpm check && pnpm build:notte && ls dist/it/ && ls dist/nl/ && grep -c 'gal__btn' dist/it/panificio/index.html` Expected: le cartelle `panificio triora parlano-di-noi contatti privacy note-legali prodotti` in `it`, le equivalenti `bakkerij ... juridische-kennisgeving` in `nl`, `7`. - [ ] **Step 6: Guarda in Chrome** Tutte e sei le pagine IT in entrambi i temi. Lightbox: apre, frecce, Esc, click fuori. Video YouTube parte solo al click (nessuna richiesta a youtube in Network prima). Mappa: solo al click. Expected: console pulita. - [ ] **Step 7: Commit** ```bash git add src git commit -m "Pagine interne con gallery, video facade e contatti" ``` --- ### Task 11: Root redirect (Pages Function), headers, redirects, robots, llms.txt **Files:** - Create: `functions/_lib/negotiate.ts`, `functions/index.ts`, `tests/negotiate.test.ts`, `public/_headers`, `public/_redirects`, `src/pages/robots.txt.ts`, `src/pages/llms.txt.ts` - [ ] **Step 1: Test per `pickLang`** `tests/negotiate.test.ts`: ```ts import { test } from 'node:test'; import assert from 'node:assert/strict'; import { pickLang } from '../functions/_lib/negotiate.ts'; test('cookie valido vince', () => { assert.equal(pickLang('foo=1; lang=fr', 'de-DE,de;q=0.9'), 'fr'); }); test('cookie non valido ignorato', () => { assert.equal(pickLang('lang=pt', 'de-DE,de;q=0.9'), 'de'); }); test('accept-language con qualità', () => { assert.equal(pickLang(null, 'pt-BR,pt;q=0.9,es;q=0.8,en;q=0.7'), 'es'); assert.equal(pickLang(null, 'nl-BE'), 'nl'); assert.equal(pickLang(null, 'it-IT,it;q=0.9,en-US;q=0.8'), 'it'); }); test('fallback en', () => { assert.equal(pickLang(null, null), 'en'); assert.equal(pickLang(null, 'ja,zh;q=0.5'), 'en'); assert.equal(pickLang(null, '*'), 'en'); }); ``` - [ ] **Step 2: Esegui, deve fallire** Run: `pnpm test` Expected: FAIL, modulo mancante. - [ ] **Step 3: Scrivi `functions/_lib/negotiate.ts`** ```ts export const LANGS = ['en', 'it', 'fr', 'de', 'es', 'nl'] as const; export type Lang = (typeof LANGS)[number]; const isLang = (x: string): x is Lang => (LANGS as readonly string[]).includes(x); /** Cookie `lang` valido, altrimenti primo Accept-Language supportato, altrimenti en. */ export function pickLang(cookie: string | null, accept: string | null): Lang { const m = cookie?.match(/(?:^|;\s*)lang=([a-z]{2})/); if (m && isLang(m[1])) return m[1]; const ranked = (accept ?? '') .split(',') .map((part) => { const [tag, ...params] = part.trim().split(';'); const q = params.map((p) => p.trim()).find((p) => p.startsWith('q='))?.slice(2); return { tag: tag.toLowerCase(), q: q ? Number(q) : 1 }; }) .filter((x) => x.tag && x.tag !== '*') .sort((a, b) => b.q - a.q); for (const { tag } of ranked) { const base = tag.split('-')[0]; if (isLang(base)) return base; } return 'en'; } ``` - [ ] **Step 4: Scrivi `functions/index.ts`** ```ts import { pickLang } from './_lib/negotiate.ts'; export const onRequest: PagesFunction = async ({ request }) => { const url = new URL(request.url); const lang = pickLang(request.headers.get('cookie'), request.headers.get('accept-language')); return new Response(null, { status: 302, headers: { Location: `${url.origin}/${lang}/`, Vary: 'Accept-Language, Cookie', 'Cache-Control': 'no-store', }, }); }; ``` - [ ] **Step 5: Esegui i test** Run: `pnpm test` Expected: tutti PASS. - [ ] **Step 6: Scrivi `public/_headers`** ``` /* X-Content-Type-Options: nosniff Referrer-Policy: strict-origin-when-cross-origin Permissions-Policy: camera=(), microphone=(), geolocation=() X-Frame-Options: DENY Content-Security-Policy: default-src 'self'; img-src 'self' data:; script-src 'self' 'unsafe-inline' https://static.cloudflareinsights.com; style-src 'self' 'unsafe-inline'; frame-src https://www.youtube-nocookie.com https://www.google.com; connect-src 'self' https://cloudflareinsights.com; font-src 'self'; media-src 'self'; base-uri 'self'; form-action 'none'; object-src 'none' /_astro/* Cache-Control: public, max-age=31536000, immutable /video/* Cache-Control: public, max-age=604800 /flags/* Cache-Control: public, max-age=604800 ``` - [ ] **Step 7: Scrivi `public/_redirects`** ``` /umbraco/* / 301 /umbraco / 301 ``` - [ ] **Step 8: Scrivi `src/pages/robots.txt.ts`** ```ts import type { APIRoute } from 'astro'; import { noindex } from '../lib/theme'; export const GET: APIRoute = () => { const body = noindex ? 'User-agent: *\nDisallow: /\n' : 'User-agent: *\nAllow: /\n\nSitemap: https://www.paneditriora.it/sitemap-index.xml\n'; return new Response(body, { headers: { 'Content-Type': 'text/plain; charset=utf-8' } }); }; ``` - [ ] **Step 9: Scrivi `src/pages/llms.txt.ts`** ```ts import type { APIRoute } from 'astro'; import { getProducts, getUi, slugOf } from '../lib/content'; import { localePath } from '../data/locales'; import { business } from '../data/business'; import { absUrl } from '../lib/seo'; export const GET: APIRoute = async () => { const ui = await getUi('en'); const en = await getProducts('en'); const it = await getProducts('it'); const a = business.address; const lines = [ '# Pane di Triora', '', `> ${ui.meta.home.description}`, '', `Bakery: ${business.legalName}, ${a.street}, ${a.zip} ${a.city} (${a.province}), Liguria, Italy. Phone ${business.phone}. The only producer of Pane di Triora since the post-war years. Instagram: ${business.social.instagram}. Facebook: ${business.social.facebook}. Online shop: ${business.shopHref}.`, '', '## Products (English)', ...en.map((p) => `- [${p.data.title}](${absUrl(localePath('en', 'products', slugOf(p)))}): ${p.data.description}`), '', '## Prodotti (Italiano)', ...it.map((p) => `- [${p.data.title}](${absUrl(localePath('it', 'products', slugOf(p)))}): ${p.data.description}`), '', '## FAQ', ...ui.faq.map((f) => `- ${f.q} ${f.a}`), '', '## Pages', `- [Home (EN)](${absUrl(localePath('en'))})`, `- [The bakery](${absUrl(localePath('en', 'bakery'))})`, `- [Triora](${absUrl(localePath('en', 'triora'))})`, `- [Contact](${absUrl(localePath('en', 'contact'))})`, `- [Home (IT)](${absUrl(localePath('it'))})`, '', 'Languages: en, it, fr, de, es, nl (same paths with the language prefix).', ]; return new Response(lines.join('\n') + '\n', { headers: { 'Content-Type': 'text/plain; charset=utf-8' } }); }; ``` - [ ] **Step 10: Build e prova la Function in locale** Run: `pnpm build:farina && cat dist/robots.txt && head -5 dist/llms.txt && (pnpm pages:dev --port 8788 > /tmp/pages.log 2>&1 &) && sleep 6 && curl -s -o /dev/null -w '%{http_code} %{redirect_url}\n' -H 'Accept-Language: de-DE,de;q=0.9' http://localhost:8788/ && curl -s -o /dev/null -w '%{http_code} %{redirect_url}\n' http://localhost:8788/ && curl -s -o /dev/null -w '%{http_code} %{redirect_url}\n' -H 'Cookie: lang=fr' http://localhost:8788/ && curl -s -o /dev/null -w '%{http_code}\n' http://localhost:8788/umbraco/x; pkill -f 'wrangler pages dev'` Expected: `302 http://localhost:8788/de/`, `302 http://localhost:8788/en/`, `302 http://localhost:8788/fr/`, `301`. - [ ] **Step 11: Commit** ```bash git add functions tests public/_headers public/_redirects src/pages/robots.txt.ts src/pages/llms.txt.ts git commit -m "Redirect root per lingua, headers, redirects, robots e llms.txt" ``` --- ### Task 12: Controllo automatico di `dist/` (hreflang, link interni, H1) **Files:** - Create: `scripts/check-dist.mjs` - [ ] **Step 1: Scrivi `scripts/check-dist.mjs`** ```js import { readdirSync, readFileSync, statSync, existsSync } from 'node:fs'; import { join, relative } from 'node:path'; const dist = new URL('../dist/', import.meta.url).pathname; const LANGS = ['en', 'it', 'fr', 'de', 'es', 'nl']; const SITE = 'https://www.paneditriora.it'; let errors = 0; const fail = (m) => { console.error('✗', m); errors++; }; const walk = (d) => readdirSync(d).flatMap((f) => { const p = join(d, f); return statSync(p).isDirectory() ? walk(p) : p.endsWith('.html') ? [p] : []; }); const pages = walk(dist).filter((p) => LANGS.some((l) => relative(dist, p).startsWith(l + '/'))); const exists = (path) => { const clean = path.split('#')[0].split('?')[0]; if (clean.endsWith('/')) return existsSync(join(dist, clean, 'index.html')); return existsSync(join(dist, clean)); }; for (const p of pages) { const rel = '/' + relative(dist, p).replace(/index\.html$/, ''); const html = readFileSync(p, 'utf8'); const h1 = (html.match(/]/g) ?? []).length; if (h1 !== 1) fail(`${rel}: ${h1} h1`); if (!/ m[1]).sort(); const expected = [...LANGS, 'x-default'].sort(); if (JSON.stringify(langs) !== JSON.stringify(expected)) fail(`${rel}: hreflang ${langs.join(',')}`); for (const [, , href] of alts) { if (!href.startsWith(SITE + '/')) { fail(`${rel}: hreflang non assoluto ${href}`); continue; } if (!exists(href.slice(SITE.length))) fail(`${rel}: hreflang verso pagina inesistente ${href}`); } for (const [, href] of html.matchAll(/href="(\/[^"]*)"/g)) { if (href.startsWith('//')) continue; if (!exists(href)) fail(`${rel}: link rotto ${href}`); } for (const [, src] of html.matchAll(/(?:src|poster)="(\/[^"]*)"/g)) { if (!exists(src)) fail(`${rel}: asset mancante ${src}`); } } if (!existsSync(join(dist, 'sitemap-index.xml'))) fail('sitemap-index.xml mancante'); if (existsSync(join(dist, 'index.html'))) fail('dist/index.html non deve esistere: la root è gestita dalla Function'); if (errors) { console.error(`${errors} errori su ${pages.length} pagine`); process.exit(1); } console.log(`✓ ${pages.length} pagine ok`); ``` - [ ] **Step 2: Esegui su entrambi i temi** Run: `pnpm build:notte && pnpm check:dist && pnpm build:farina && pnpm check:dist` Expected: `✓ 90 pagine ok` due volte. Correggi ogni errore segnalato prima di proseguire. - [ ] **Step 3: Esegui `pnpm verify` completo** Run: `pnpm verify` Expected: tutto verde. - [ ] **Step 4: Commit** ```bash git add scripts/check-dist.mjs git commit -m "Controllo automatico di dist: hreflang, link, H1" ``` --- ### Task 13: Lighthouse, Rich Results, rifiniture visive **Files:** - Modify: quello che serve in `src/` in base ai risultati. - [ ] **Step 1: Lighthouse su preview statica, entrambi i temi** ```bash pnpm add -D lighthouse pnpm build:notte && (pnpm preview --port 4323 > /dev/null 2>&1 &) && sleep 3 pnpm dlx lighthouse http://localhost:4323/it/ --preset=desktop --only-categories=performance,accessibility,best-practices,seo --output=json --output-path=/tmp/lh-notte-home.json --quiet --chrome-flags="--headless=new" pnpm dlx lighthouse http://localhost:4323/it/prodotti/pane-di-triora/ --form-factor=mobile --only-categories=performance,accessibility,best-practices,seo --output=json --output-path=/tmp/lh-notte-prod.json --quiet --chrome-flags="--headless=new" pkill -f 'astro preview' pnpm build:farina && (pnpm preview --port 4323 > /dev/null 2>&1 &) && sleep 3 pnpm dlx lighthouse http://localhost:4323/it/ --form-factor=mobile --only-categories=performance,accessibility,best-practices,seo --output=json --output-path=/tmp/lh-farina-home.json --quiet --chrome-flags="--headless=new" pkill -f 'astro preview' for f in /tmp/lh-*.json; do node -e "const r=require('$f').categories;console.log('$f',Object.values(r).map(c=>c.title+': '+Math.round(c.score*100)).join(' | '))"; done ``` Expected: ogni voce ≥ 95. Sotto soglia: leggi `audits` nel JSON (`node -e "..."` filtrando `score < 0.9`) e correggi. Cause tipiche: immagine hero senza `fetchpriority`, contrasto del testo su foto (aggiungi overlay), `sizes` sbagliati, font non precaricato (aggiungi `` del woff2 del display font: prendi il nome hashato da `dist/_astro/`). - [ ] **Step 2: Peso pagina** Run: `pnpm build:farina && du -sh dist/_astro | cut -f1 && ls -la dist/it/index.html` E in Chrome DevTools, Network, con cache disabilitata, 375 px: home Farina < 300 KB trasferiti; home Notte desktop < 2 MB incluso video. - [ ] **Step 3: Rich Results Test** Con `pnpm deploy:farina` fatto (Task 14) oppure esponendo la preview con `pnpm dlx cloudflared tunnel --url http://localhost:4323`: testa home e una scheda su https://search.google.com/test/rich-results. Expected: `Bakery`/`LocalBusiness`, `FAQ`, `Product`, `Breadcrumb` riconosciuti senza errori (avvisi su campi opzionali ok). - [ ] **Step 4: Passata visiva in Chrome** Per ogni tema, a 375 e 1440 px: home, prodotti, una scheda, panificio, contatti, in IT e DE (i testi tedeschi sono i più lunghi e rompono i layout per primi). Correggi overflow, testi che vanno a capo male, tocchi sotto 44 px. - [ ] **Step 5: Commit** ```bash git add -A git commit -m "Rifiniture da Lighthouse e controllo visivo" ``` --- ### Task 14: Deploy su Cloudflare Pages (due progetti) e consegna **Files:** - Create: `README.md` - [ ] **Step 1: Login e creazione progetti (una tantum, richiede il browser di Paolo)** ```bash pnpm dlx wrangler login pnpm dlx wrangler pages project create paneditriora-notte --production-branch main pnpm dlx wrangler pages project create paneditriora-farina --production-branch main ``` - [ ] **Step 2: Deploy** ```bash pnpm deploy:notte pnpm deploy:farina ``` Expected: due URL `https://paneditriora-notte.pages.dev` e `https://paneditriora-farina.pages.dev`. Aprili in Chrome, verifica `/` → redirect per lingua, `robots.txt` con `Disallow: /` (anteprime con `NOINDEX=true`). - [ ] **Step 3: Cloudflare Web Analytics** Nel dashboard Cloudflare, Web Analytics, aggiungi un sito per `paneditriora.it`, copia il token e rideploya con `CF_BEACON= pnpm deploy:farina` (e notte). Finché non c'è il dominio, il token si può aggiungere dopo. - [ ] **Step 4: Scrivi `README.md`** ```md # paneditriora.it Sito statico Astro, 6 lingue, due temi. ## Comandi - `pnpm dev` (tema Farina) · `pnpm dev:notte` - `pnpm verify`: test, coerenza contenuti, astro check, build e controllo dist per entrambi i temi - `pnpm deploy:notte` · `pnpm deploy:farina`: build con `NOINDEX=true` e upload su Cloudflare Pages ## Andare in produzione con il tema scelto 1. Nel progetto Pages vincente: Custom domains → `paneditriora.it` e `www.paneditriora.it`. 2. Rideploy senza `NOINDEX`: `THEME= CF_BEACON= astro build && wrangler pages deploy dist --project-name paneditriora-`. 3. Elimina l'altro progetto Pages. 4. Registra `paneditriora.it` in Google Search Console e invia `sitemap-index.xml`. ## Modificare i contenuti - Testi prodotto: `src/content/products//.md` - Pagine: `src/content/pages//.md` - Stringhe, FAQ, alt: `src/content/ui/.json` - Dati azienda (telefoni, email, social, orari): `src/data/business.ts` - Foto: `src/assets/photos/` + `index.ts` ## DNS e dominio Dominio su Aruba Business (via reseller WIDE-REG), scaduto il 16/09/2026. Trasferimento a IONOS con auth-code, poi nameserver Cloudflare. Prima del cambio DNS esportare tutti i record attuali; l'MX punta a `mail.paneditriora.it` (hosting Genesys): va ricreato identico finché la posta non viene migrata. ``` - [ ] **Step 5: Commit e push** ```bash git add README.md git commit -m "Deploy su Cloudflare Pages e README" git push ``` - [ ] **Step 6: Consegna a Paolo** Apri in Chrome i due URL `pages.dev` e riporta: i due link, i punteggi Lighthouse, le 7 domande al cliente dalla spec (sezione 12). --- ## Self-review **Copertura spec:** obiettivo e due temi (T1, T7, T8); lingue e default EN (T1, T4, T11); selettore nel footer con bandiere SVG e cookie (T5, T7); niente form, contatti diretti (T10); social (T2, T7, T10); video hero solo desktop e solo Notte (T6, T8); analytics Cloudflare senza cookie (T7, T14); shop esterno (T2); routing e slug tradotti (T2, T9, T10); hreflang e x-default EN (T7, T12); content collections (T3, T4); dati azienda unici (T2); FAQ con schema (T8); schema Bakery/Product/Breadcrumb/ItemList/AboutPage (T7-T10); OG image (T7); robots, sitemap, llms.txt, manifest (T1, T5, T11); foto ottimizzate e dedotte (T5); marchio vettoriale (T5); gallery `` (T10); YouTube facade (T10); font self-hosted (T1, T7); `_headers`, `_redirects` (T11); Pages Function root (T11); `noindex` sulle anteprime (T1, T11, T14); verifica: test, check-content, check-dist, Lighthouse, Rich Results, curl sulla root (T2, T4, T11-T13). Orari di apertura: assenti dallo schema finché il cliente non li dà, come da spec. **Placeholder:** nessun TBD. L'email del cliente è volutamente vuota in `business.ts` e il markup la salta se vuota. Il token analytics è una env opzionale. **Coerenza nomi:** `localePath(lang, section?, slug?)`, `SECTIONS`, `LEGAL_LABELS`, `getUi/getProducts/getPage/slugOf/PAGE_KEYS`, `photos/galleries/portraits`, `emphasize`, `bakeryLd/productLd/breadcrumbLd/faqLd/itemListLd/absUrl`, `theme/isNotte/noindex/cfBeacon`, `pickLang` usati con la stessa firma in tutti i task. `ProductGrid` accetta `heading` in entrambe le varianti. `Base` riceve `bodyClass="paper"` per le pagine interne.