Online
OnlyCars
OnlyCars
Sito vetrina per la vendita di automobili: ricerca avanzata per marca, modello e prezzo, schede dettaglio veicoli con galleria immagini e form di contatto protetto da reCAPTCHA.
Tutti i progetti
Online
Sitchkit — sito e negozio delle mie app per Mac
Il sito sitchkit.app, dove si scaricano e si acquistano le mie app per macOS: pagine prerenderizzate in Angular e pubblicate come file statici su Cloudflare, senza backend. Ospita anche il feed degli aggiornamenti delle app e le pagine legali richieste per i pagamenti.
Schermate
Il progetto
Un'app venduta fuori dal Mac App Store ha bisogno di un posto dove farsi trovare, scaricare e comprare, e di tutto quello che altrimenti farebbe lo store: le pagine legali, il link di acquisto, il feed da cui l'app scopre le nuove versioni.
Sitchkit è quel posto. La home riprende l'aspetto di una scrivania del Mac, con barra dei menu, finestre e dock disegnati da zero, senza asset Apple. Ogni app ha la sua pagina, con video, passaggi illustrati, prezzo, prova gratuita e i bottoni per scaricarla e acquistarla. Il catalogo è un file di dati: aggiungere un'app vuol dire aggiungere una voce, non scrivere codice.
La sfida
- Fare il lavoro di uno store senza avere un server: pagine, sitemap e anteprime social complete per i motori di ricerca, con un sito fatto solo di file statici
- Far entrare un'app nuova senza toccare i componenti: home, dock, footer, pagina prodotto e sitemap leggono tutti dallo stesso catalogo
- Collegare il sito al rilascio delle app: feed degli aggiornamenti e link al DMG più recente si aggiornano dallo script di rilascio, e la pubblicazione resta un push
- Avere in ordine le pagine legali richieste per l'approvazione del sistema di pagamento
Cosa ho fatto
- Design dell'interfaccia, ispirata alla scrivania del Mac, con componenti propri e nessuna libreria UI
- Sviluppo in Angular 22 con componenti standalone e signals, senza zone.js
- Prerender di tutte le pagine, una per ogni app del catalogo, con title, description, canonical e Open Graph per pagina
- Script di post-build per Cloudflare: indirizzi senza estensione, pagina 404 con lo stato corretto, sitemap.xml e robots.txt generati dalle pagine
- Deploy continuo su Cloudflare Workers dal repository GitHub, con anteprime per i branch
- Feed degli aggiornamenti per Sparkle, indirizzo fisso che porta sempre all'ultimo DMG, intestazioni di sicurezza e cache
- Pagine legali (termini, privacy, rimborsi, licenza) e collegamento al checkout Polar
Architettura
- Angular 22 con @angular/ssr in modalità prerender: l'output è solo HTML, CSS e JavaScript statici
- Cloudflare Workers con soli asset statici, nessun codice server
- Catalogo delle app, testi e dati legali in file di contenuto separati dai componenti, pronti per la traduzione
- Font self-hosted, per non contattare server di terzi dai visitatori europei
- DMG su Cloudflare R2 (downloads.sitchkit.app), fuori dal repository del sito
- Test con Vitest sul catalogo e sulla logica dei bottoni di download e acquisto
Risultati
- Sito online su sitchkit.app, con la pagina di Redatch, download e acquisto funzionanti
- Una nuova app entra nel sito con una voce di catalogo: pagina, sitemap e link si generano alla build
- Ogni rilascio di Redatch aggiorna dallo script di rilascio il feed degli aggiornamenti e il link di download
- Nessun server applicativo da mantenere: il sito sono solo file statici
Sitchkit fa il lavoro di uno store senza esserlo: vetrina, download, acquisto e aggiornamenti per app vendute direttamente, con un sito statico e nessun server da mantenere.
Portfolio
Altri progetti
In sviluppo
Ottica Veraldi
Ottica Veraldi — Sito Web
E-commerce per un'ottica locale: catalogo prodotti (occhiali da vista, da sole, lenti a contatto), acquisto online con pagamento PayPal e gestione ordini tramite WooCommerce.
In sviluppo
Personale
Caladory
Piattaforma e-commerce full-stack per la gestione e vendita di prodotti: utenti, catalogo aziendale, ordini e pagamenti Stripe — sviluppata da zero con Angular e Spring Boot.
Hai un progetto simile?
Raccontami cosa hai in mente — dalla prima idea alla produzione.
Questo lavoro rientra in un servizio che offro: realizzazione di siti web professionali.