DeaCreazioni - E-commerce Headless Jewelry
E-commerce headless per gioielli artigianali italiani. WordPress + WooCommerce backend, Astro SSR + React frontend con integrazione Stripe e Packlink Pro. Lighthouse 95+.
Il problema da risolvere
DeaCreazioni è un brand di gioielli artigianali made in Italy che aveva bisogno di un e-commerce performante, ma con la semplicità gestionale di WordPress per il catalogo prodotti.
Il classico WooCommerce monolitico presentava limiti critici: tempi di caricamento oltre 3 secondi, template rigidi incompatibili con il design richiesto, e impossibilità di implementare interazioni moderne (filtri dinamici, carrello real-time, anteprima prodotti).
La sfida era costruire un"esperienza e-commerce premium — veloce, elegante e mobile-first — mantenendo WordPress + WooCommerce come backend per la gestione prodotti, ordini e inventario.
L'approccio strategico
Architettura headless completa con separazione frontend/backend:
- Backend: WordPress + WooCommerce con WPGraphQL per API GraphQL tipizzate. Gestione prodotti, varianti, inventario, ordini e fatturazione (PDF invoice automatiche).
- Frontend: Astro SSR con Node.js adapter + React Islands per interattività. Radix UI per componenti accessibili, nanostores per state management leggero.
- Pagamenti: integrazione Stripe nativa con gestione tasse automatica (stripe-tax-for-woocommerce).
- Spedizioni: Packlink Pro API per tariffe corriere in tempo reale e generazione etichette.
- Sicurezza: Wordfence per protezione WordPress, JWT authentication per API, Google Site Kit per analytics.
- Infrastruttura: VPS con Nginx, PM2 per process management Node.js, MariaDB + Redis caching.
- SEO: sitemap dinamico, schema Product per rich snippets, Open Graph per condivisione social.
Stack completo: WordPress, WooCommerce, WPGraphQL, Astro, React, Radix UI, Stripe, Packlink Pro, Nginx, PM2, MariaDB, Redis.
Il progetto: e-commerce per gioielli artigianali
DeaCreazioni è un brand italiano di gioielli artigianali che necessitava di una piattaforma e-commerce all"altezza del prodotto: veloce, elegante e affidabile. Il catalogo comprende oltre 100 prodotti con varianti (materiale, dimensione, personalizzazione) e richiede gestione inventario, fatturazione e spedizioni integrate.
Perché headless: prestazioni e flessibilità
Un WooCommerce tradizionale avrebbe significato template PHP lenti, personalizzazione limitata e performance mediocri su mobile — dove avviene il 70%+ degli acquisti. L"architettura headless separa il problema in due: WordPress gestisce i dati (prodotti, ordini, clienti), Astro gestisce l"esperienza (velocità, design, interazioni).
Il risultato è un sito che carica sotto il secondo, con un"interfaccia costruita su misura per il brand — impossibile da ottenere con template WooCommerce standard.
Architettura tecnica
Il sistema è composto da due applicazioni distinte:
Backend (WordPress + WooCommerce)
- WPGraphQL espone un"API GraphQL tipizzata per prodotti, categorie, ordini e clienti
- WooCommerce gestisce il ciclo completo: inventario, varianti, prezzi, sconti, tasse
- Generazione automatica fatture PDF con WooCommerce PDF Invoices
- JWT Authentication per accesso sicuro alle API
- Wordfence per protezione da attacchi e malware
Frontend (Astro SSR + React)
- Astro con Node.js adapter per server-side rendering (pagine prodotto sempre aggiornate)
- React Islands per componenti interattivi: carrello, filtri, checkout
- Radix UI per accessibilità WCAG nativa su dialog, dropdown, checkbox
- Nanostores per state management cross-component leggero
Integrazioni
- Stripe: pagamenti con gestione tasse automatica per l"Italia
- Packlink Pro: tariffe corriere real-time (BRT, GLS, Poste Italiane) e stampa etichette
- Google Site Kit: analytics e Search Console integrati nel pannello WP
Risultati
Il sito è live su deacreazioni.it con performance Lighthouse 95+, LCP sotto il secondo, 100+ prodotti gestiti e 99.9% uptime su VPS dedicata.
Vuoi risultati simili?
Ogni progetto è unico, ma l'approccio rimane lo stesso: analisi, strategia e risultati misurabili. Parliamo del tuo prossimo successo.