Headless Bigstock – Storefront Nuxt + WooCommerce
Tipologia prodotto
E-commerce
Cliente
Bigstock
Stato
In sviluppo
Descrizione
Storefront headless in Nuxt 3 che consuma WooCommerce via REST API in modalità SSG/SSR, ottimizzato per performance e SEO, deploy su Vercel.
Il progetto consiste nella progettazione e nello sviluppo di un'infrastruttura e-commerce ad altissime prestazioni basata su un'architettura Headless / Jamstack. L'applicazione separa nettamente il livello di presentazione dal sistema transazionale di backend: il core di WordPress e WooCommerce viene confinato e protetto in un'istanza dedicata (bigstock.lo), deputata esclusivamente alla governance del catalogo, dei clienti e dell'inventario. La vetrina pubblica (Storefront) viene invece servita da un'applicazione indipendente, leggera e ultra-veloce, progettata per ridefinire l'esperienza utente, azzerare le latenze del server e massimizzare i tassi di conversione (CRO).
Finalità
Realizzare un frontend e-commerce “headless” disaccoppiato da WordPress: il backend WooCommerce (sito Bigstock) gestisce catalogo, prodotti e ordini, mentre la vetrina è servita da un’applicazione Nuxt veloce e ottimizzata. Pensato per migliorare prestazioni, punteggi Lighthouse e SEO rispetto a un tema WordPress classico.
Tecnologie
– Nuxt 3 (Vue 3, vue-router, TypeScript)
– TailwindCSS (@nuxtjs/tailwindcss)
– WooCommerce REST API (`@woocommerce/woocommerce-rest-api`)
– Nitro server routes (server/api) con caching custom
– Vercel (deploy, Speed Insights) – generazione SSG/SSR
Note
Variante/frontend del progetto Bigstock; nel repo coesistono altri progetti correlati (`nextjs-bigstock`, `bigstock-gestionale`, `bigstock.lo`). Il backend di sviluppo punta a `https://bigstock.lo` (ambiente locale .lo). README ancora con boilerplate GitLab.
Funzionalità principali
– Listing e dettaglio prodotti (`pages/products`, route per slug e id)
– API server-side per prodotti, categorie e sitemap (server/api, server/routes)
– Webhook WooCommerce per invalidazione/aggiornamento contenuti (`webhooks/woocommerce.post.ts`)
– Composable per SEO e per la comunicazione con WooCommerce (`useSEO`, `useWooCommerce`)
– Pagine statiche (about, contact, privacy, terms)
Particolarità
Architettura headless con caching lato server e webhook per mantenere sincronizzato lo storefront statico con il catalogo WooCommerce. Ampia documentazione di supporto (DEPLOYMENT_VERCEL, LIGHTHOUSE_OPTIMIZATION, PERFORMANCE_OPTIMIZATIONS, WEBHOOK_SETUP) focalizzata su performance e ottimizzazione.
Hai bisogno di aiuto per sviluppare il tuo progetto?
Vuoi dare vita al tuo website, a un e-commerce a un’app o a un software personalizzato? Ti servono informazioni? Non sai da dove iniziare?