← Tutte le tecnologie

cloud

Vercel: deploy edge e hosting per applicazioni Next.js

Piattaforma di deploy edge per applicazioni Next.js e frontend moderni: zero-config, scaling automatico.

Perché ci poggiamo su Vercel

  • Edge network globale
  • Preview deploy per ogni PR
  • Web vitals integrati

Perché pubblichiamo su Vercel

Vercel è la piattaforma su cui mettiamo online la maggior parte dei frontend Next.js. Il motivo pratico è che elimina un'intera categoria di lavoro: nessun server da configurare, nessun certificato da rinnovare a mano, nessuna finestra notturna per il rilascio. Il codice arriva sul repository e il sito è online pochi minuti dopo.

I contenuti statici vengono serviti dalla rete edge, quindi dal punto di presenza più vicino a chi naviga. Per un pubblico italiano significa risposte nell'ordine delle decine di millisecondi, senza doversi occupare di CDN e regole di cache.

Anteprime e rilasci senza rischio

Ogni modifica genera un ambiente di anteprima con il proprio indirizzo. Il cliente vede la funzione finita sul suo dispositivo, la commenta e la approva prima che tocchi il sito pubblico: si eliminano i malintesi che nascono dalle descrizioni scritte e le sorprese al momento della pubblicazione.

Se un rilascio introduce un problema, il ritorno alla versione precedente è immediato, perché ogni deploy resta disponibile come istantanea. È una rete di sicurezza che cambia il modo in cui si lavora: si rilascia spesso e a piccoli passi invece di accumulare mesi di modifiche.

Prestazioni misurate sul traffico reale

La piattaforma raccoglie i Core Web Vitals dagli utenti veri, non da un test di laboratorio. Sono gli stessi indicatori che Google usa per valutare l'esperienza di pagina, quindi un peggioramento si vede prima che si traduca in perdita di posizioni.

Le funzioni serverless coprono le parti dinamiche — form di contatto, chiamate verso il gestionale, webhook — e scalano da sole nei momenti di picco senza che nessuno debba dimensionare una macchina in anticipo.

Nessun vincolo di fornitore

Un'applicazione Next.js resta un'applicazione Next.js: può girare in un container Docker su un VPS, su AWS o sull'infrastruttura del cliente. Usiamo Vercel perché conviene, non perché obbliga a restare.

Quando esistono vincoli specifici — dati che non possono uscire da un perimetro, integrazioni raggiungibili solo dalla rete aziendale — pubblichiamo altrove e non ci sono riscritture da fare.

Domande frequenti su Vercel

Vercel è obbligatorio per usare Next.js?
No. Next.js gira ovunque ci sia Node.js, compresi container Docker su server propri. Vercel semplifica molto il lavoro, ma è una comodità, non un requisito.
Quanto costa ospitare un sito su Vercel?
Per un sito vetrina o istituzionale il costo è spesso nullo o marginale grazie al piano gratuito e alla generazione statica. Si sale con traffico elevato o con molte funzioni serverless: in fase di progetto stimiamo il consumo per evitare sorprese in bolletta.
I dati sono in Europa?
La regione di esecuzione delle funzioni si configura e per i progetti italiani usiamo quelle europee. I contenuti statici sono distribuiti globalmente perché sono pubblici; i dati personali restano nel database, che scegliamo noi dove collocare.
Cosa succede se il sito va offline?
I contenuti statici continuano a essere serviti dalla rete anche se una funzione dinamica ha problemi. In caso di errore introdotto da un rilascio si torna alla versione precedente in pochi secondi.

Approfondimenti

dove la usiamo

Progetti che girano su Vercel

Tinnovo — Sito istituzionale Next.js con blog editoriale — anteprima

Tinnovo2025in-produzione

Tinnovo — Sito istituzionale Next.js con blog editoriale

Sito ufficiale tinnovo.it costruito su Next.js 16 + React 19. Schede prodotto per l'intero ecosistema gestionale rappresentato (NTS Informatica, Ranocchi Software, Zucchetti, Fluida, GAMA, 3-Way Software), area servizi e blog editoriale con editor TipTap, autenticazione Firebase per il backoffice e invio email transazionali con Resend.

  • Next.js
  • React
  • TypeScript
  • Vercel
Apri il caso studio
Tinnovo Meeting — Sistema RSVP per la presentazione del software Ranocchi — anteprima

Tinnovo2026in-produzione

Tinnovo Meeting — Sistema RSVP per la presentazione del software Ranocchi

App Next.js 16 + Supabase per gestire l'invito alla presentazione del software Ranocchi: import dei clienti da Excel, invio email personalizzate con token, landing one-shot di conferma o rifiuto, dashboard organizzatori con statistiche live ed export Excel finale.

  • Next.js
  • React
  • TypeScript
  • Supabase
Apri il caso studio
Studio Di Sarno — Sito istituzionale e blog — anteprima

Studio Di Sarno2024in-produzione

Studio Di Sarno — Sito istituzionale e blog

Sito istituzionale studiodisarno.it per uno studio medico privato: catalogo servizi dinamico, schede patologie/trattamenti, blog editoriale in markdown e galleria fotografica. Stack Next.js 16 (App Router) + React 19 + Supabase (Postgres + Storage + RPC) + Sass moduli, con SEO ottimizzato sul posizionamento territoriale e JSON-LD schema.org.

  • Next.js
  • React
  • TypeScript
  • Supabase
Apri il caso studio
Pang Group — Sito istituzionale — anteprima

Pang Group2025in-produzione

Pang Group — Sito istituzionale

Sito istituzionale single-page per Pang Group (Roma) basato su Next.js 16 + React 19. Racconta i sei filoni di attività — software/computer, hardware, programmi informatici, gestionali a noleggio, vendita prodotti elettronici, elettrodomestici con assistenza — e raccoglie testimonianze clienti, orari di apertura e contatti (telefono, PEC, email).

  • Next.js
  • React
  • TypeScript
  • Vercel
Apri il caso studio
Centro Estetico Vicky — Sito istituzionale e schede trattamento — anteprima

Centro Estetico Vicky2025in-produzione

Centro Estetico Vicky — Sito istituzionale e schede trattamento

Sito istituzionale centroesteticovicky.it per il Centro Estetico Vicky di Salerno, con schede di dettaglio per ogni trattamento viso e corpo (esosomi K-Care, Skinjaluronic, Sculpt, Lipolaser, HyShape, EndosferaMed, dermaroller, fili di collagene LED, massaggi), pagina dermaroller-endosfera dedicata, listino prezzi per categoria, galleria collegata a Instagram, modulo contatti via dialog, pagine legali e tracciamento marketing.

  • Next.js
  • React
  • TypeScript
  • Vercel
Apri il caso studio
DR Group — Sito istituzionale grossista alimentare — anteprima

DR Group2025in-produzione

DR Group — Sito istituzionale grossista alimentare

Sito istituzionale drgroupmilano.com per il grossista alimentare DR Group di Milano. Vetrina delle otto categorie merceologiche (infanzia, bibite, igiene personale, igiene casa, frutta secca, carne, ortofrutta, salumi e formaggi) con immagini dedicate, blocchi informativi sull'attività e modulo contatti per richiesta listino. Stack Next.js 16 + React 19.

  • Next.js
  • React
  • TypeScript
  • Vercel
Apri il caso studio
AB Multiservice — Sito istituzionale ingrosso e dettaglio — anteprima

AB Multiservice2025in-produzione

AB Multiservice — Sito istituzionale ingrosso e dettaglio

Sito istituzionale abmultiservice.it per l'ingrosso AB Multiservice di San Giorgio a Cremano (NA). Presenta gli otto settori merceologici — casalinghi, detersivi, elettrodomestici, agricoltura e giardinaggio, bevande, alimentari e ortofrutta, ittico, ricambi automotive — con scheda, immagine e codice per ciascuno, più una sezione dedicata alla vendita online dei ricambi. Next.js 15 + React 19 con esportazione statica.

  • Next.js
  • React
  • TypeScript
  • Vercel
Apri il caso studio
BP Commerce — Sito istituzionale per grossista — anteprima

BP Commerce2025in-produzione

BP Commerce — Sito istituzionale per grossista

Sito istituzionale bpcommerce.it per il grossista BP Commerce di Volla (NA). Quattro famiglie merceologiche presentate a schede — casa e detergenza con elettrodomestici, agricoltura e giardinaggio, bevande analcoliche, alimentari freschi e confezionati — con dati strutturati LocalBusiness, cookie banner, pagine legali, sitemap e robots generati dal codice.

  • Next.js
  • React
  • TypeScript
  • Vercel
Apri il caso studio
Easy Multiservice — Sito per noleggio, trasporti e commercio — anteprima

Easy Multiservice2025in-produzione

Easy Multiservice — Sito per noleggio, trasporti e commercio

Sito istituzionale easymultiservice.it per EasyRent di Nola (NA). Otto aree di attività — noleggio con e senza conducente, trasporti conto terzi, vendita veicoli, ricambi e lubrificanti, alimentari e bevande, casa e persona, abbigliamento, agricoltura e zootecnia — ognuna con titolo SEO, descrizione e voci di dettaglio. Next.js 15 + React 19 in JavaScript, con dati strutturati LocalBusiness e cookie banner.

  • Next.js
  • React
  • Vercel
Apri il caso studio
ELEA Srl — Sito istituzionale single-page — anteprima

ELEA Srl2025in-produzione

ELEA Srl — Sito istituzionale single-page

Sito istituzionale single-page per ELEA Srl costruito su Next.js 16 + React 19. Racconta in modo chiaro le due divisioni dell'azienda — IT & Sviluppo Tecnologico, Media & Advertising — le partnership strategiche (AIDA Doc Easy, Dylog Buffetti, 3-Way Software) e la mission del fondatore Francesco Giancotti. SEO ottimizzato sul posizionamento territoriale Sant'Anastasia / Napoli e sulle keyword IT solutions, cybersecurity, advertising digitale, Il Mediano.

  • Next.js
  • React
  • TypeScript
  • Vercel
Apri il caso studio
Baldassarre D'Avino — Sito bilingue per autore con contenuti autogestiti — anteprima

Baldassarre D'Avino2026in-produzione

Baldassarre D'Avino — Sito bilingue per autore con contenuti autogestiti

Sito bilingue italiano/inglese per uno scrittore e poeta: schede libro con link d'acquisto, articoli, biografia, galleria fotografica e aforisma del giorno consultabile per data. Tutti i contenuti vivono su Supabase e l'autore li pubblica da solo; le pagine si rigenerano da sole con ISR, senza un nuovo deploy.

  • Next.js
  • React
  • TypeScript
  • Supabase
Apri il caso studio

Stai valutando Vercel?

Ti diciamo onestamente se è la scelta giusta per il tuo progetto.

Parliamone