luzadevandClaude Opus 4.7
4ebfbd472e
- index.html: hero con mockup app, 6 feature cards, come funziona,
pricing 39,90 EUR, FAQ accordion, footer
- css/style.css: tema dark Spotify-like coerente con l'app
- js/main.js: animazioni scroll, hook Lemon Squeezy overlay
- legal/{terms,privacy,refund}.html: documenti richiesti da LS/GDPR
- _headers: HSTS, no-sniff, cache lunga per asset
- _redirects: placeholder per futuri /download/{macos,windows}
- README con istruzioni deploy push-to-deploy via Cloudflare Pages
Da fare prima del lancio: sostituire REPLACE_WITH_LS_PRODUCT_URL
in index.html con l'URL del prodotto Lemon Squeezy.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
73 lines
2.8 KiB
Markdown
73 lines
2.8 KiB
Markdown
# MusicTools — Landing page
|
|
|
|
Sito vetrina + checkout per MusicTools, deployato su Cloudflare Pages al dominio `musictools.djluza.com`.
|
|
|
|
## Struttura
|
|
|
|
```
|
|
landing/
|
|
index.html # landing principale
|
|
css/style.css # tema dark coerente con l'app
|
|
js/main.js # FAQ accordion, animazioni scroll, hook Lemon Squeezy
|
|
assets/ # favicon, immagini eventuali
|
|
legal/
|
|
terms.html # termini di servizio
|
|
privacy.html # informativa privacy GDPR
|
|
refund.html # politica rimborsi
|
|
_headers # security + cache (Cloudflare Pages syntax)
|
|
_redirects # redirect rules
|
|
```
|
|
|
|
Nessun build step. Tutto e' HTML/CSS/JS statico servito così com'è.
|
|
|
|
## Anteprima locale
|
|
|
|
```bash
|
|
cd landing
|
|
python3 -m http.server 8080
|
|
# apri http://localhost:8080
|
|
```
|
|
|
|
Su `file://` Lemon Squeezy overlay non funziona — ma il sito si vede tutto.
|
|
|
|
## Deploy su Cloudflare Pages
|
|
|
|
**Una volta sola:**
|
|
|
|
1. Vai su <https://dash.cloudflare.com> → **Workers & Pages** → **Create application** → **Pages** → **Connect to Git**.
|
|
2. Scegli il repo `luzadev/musicdownload`.
|
|
3. Configura:
|
|
- **Production branch**: `main`
|
|
- **Build command**: *(lascia vuoto)*
|
|
- **Build output directory**: `landing`
|
|
- **Root directory**: *(lascia vuoto)*
|
|
4. Salva. La build parte automatica — l'URL iniziale sara' `<project>.pages.dev`.
|
|
5. Una volta verde, vai su **Custom domains** → **Set up a custom domain** → digita `musictools.djluza.com` → conferma.
|
|
6. Cloudflare crea automaticamente il CNAME se il dominio e' gia su Cloudflare DNS.
|
|
|
|
Ogni `git push origin main` rilancia la build di Pages — push-to-deploy gratis.
|
|
|
|
## Routing /api/* vs landing
|
|
|
|
Il Worker di `server/` deve essere associato alla route `musictools.djluza.com/api/*` (vedi `server/README.md`).
|
|
Pages serve tutto il resto. Verifica nel dashboard:
|
|
|
|
- **Workers & Pages** → `musictools-api` → **Settings** → **Triggers**:
|
|
- Aggiungi route `musictools.djluza.com/api/*`
|
|
- **Pages** → `musictools-landing` (o nome che scegli) → **Custom domains**:
|
|
- `musictools.djluza.com`
|
|
|
|
Cloudflare applica prima la regola del Worker (path-specific) e poi quella di Pages (catch-all).
|
|
|
|
## Da fare prima del lancio
|
|
|
|
- [ ] Sostituisci `REPLACE_WITH_LS_PRODUCT_URL` in `index.html` con l'URL prodotto Lemon Squeezy
|
|
- [ ] Crea immagine OG 1200x630 e referenziarla nei meta `og:image`
|
|
- [ ] Aggiungi screenshot reali (sostituiscono il mockup CSS nell'hero se preferisci)
|
|
- [ ] Verifica i tre documenti legali con un consulente fiscale se vendi in regime di forfettario / partita IVA italiana
|
|
- [ ] Aggiungi Google Search Console (verification meta) per indicizzazione
|
|
|
|
## Analytics
|
|
|
|
Puoi aggiungere Cloudflare Web Analytics (gratuito, no cookie) dal dashboard Pages → Analytics. Si attiva con un click — niente codice da incollare.
|