NAYT • Official Website
Sito ufficiale del rapper dopo Sanremo 2026 (Prima che, album io Individuo).
Next.js, Prismic, Shopify Storefront. Shop merch e area fan su abbonamento.
Scheda.
NAYT, sito ufficiale dopo Sanremo 2026
Contenuti editoriali, tour, shop merch e area fan Habitat in un unico sito Next.js, con un designer di riferimento, sviluppo full-stack mio.
Contesto & brief
Sito ufficiale di Nayt Music (naytmusic.it), sviluppato dopo Sanremo 2026 (Prima che, album io Individuo). Riunisce in un'unica piattaforma contenuti editoriali, tour, shop merch e l'area fan Habitat. Lingua pubblica: italiano.
Cosa ho sviluppato
- Editoriale e tour: pagine gestite in Prismic, aggiornabili dal team senza intervento tecnico.
- Shop merch: Shopify Storefront con tre livelli di accesso ai prodotti (pubblici, utenti registrati, Superfan), progettato per sostenere i drop ad alto traffico.
- Habitat: area fan con abbonamento annuale (Stripe), feed riservato, welcome pack e account utente.
- Back-office: gestione di utenti, ordini Shopify, abbonamenti, welcome pack, email e recesso UE.
- Servizi e motion: email transazionali (Resend), motion in GSAP e Lenis, starfield Three.js nell'area Habitat.
Architettura & stack
| Layer | Tecnologia |
|---|---|
| Framework / App Router | Next.js 15 |
| CMS | Prismic |
| Motion e 3D | GSAP, Lenis, Three.js |
| E-commerce e pagamenti | Shopify Storefront, Stripe |
| Analytics / osservabilità | Sentry, PostHog |
| Servizi e hosting | Supabase, Vercel, Cloudflare, Resend |
Decisioni chiave & trade-off
Pagine statiche, shop pubblico dal browser
Home e shop sono servite da cache; catalogo e carrello pubblici dialogano direttamente con Shopify. Il server interviene solo dove necessario: aree riservate, checkout, abbonamenti.
Contenuti riservati protetti lato server
Prodotti e contenuti per registrati e Superfan non sono semplicemente nascosti nell'interfaccia.
Checkout sempre verificato dal server
Anche per i prodotti pubblici.
3D caricato separatamente
Lo starfield viene caricato solo in Habitat e non incide sul peso della home.
Crediti & riconoscimenti
Sviluppo full-stack: Luca Lodi. Design: Davide Foco. Cliente: Nayt Music.
naytmusic.it — Next.js 15, Prismic, Shopify, Stripe, Supabase, Vercel e Cloudflare; monitoraggio errori e analytics con Sentry e PostHog.
Servizi collegati: siti web animati · esperienze 3D e WebGL · Shopify headless · Next.js e CMS headless · sviluppo per agenzie · Guida: Shopify tema o headless
Stack
Shopify, Headless, Next.js, Prismic CMS, Stripe, Supabase, GSAP, Lenis, Three.js