Skip to main content

​
Introduzione

Per sviluppare e ospitare un'applicazione Next.js su Square Cloud, è essenziale seguire una sequenza strutturata di configurazioni e prerequisiti. Questa guida tecnica coprirà l’intero processo, dalla configurazione iniziale al deploy in produzione.

​
Prerequisiti

  • Account Square Cloud: Registrati tramite la pagina di registrazione usando la tua email.
  • Piano attivo: Garantisce risorse dedicate e prestazioni ottimizzate per la tua applicazione. Consulta i nostri piani disponibili e scegli quello più adatto alle tue esigenze.
Questa guida usa il runtime Node.js. Testata con Next.js 16 su Node.js 24 a settembre 2026.

​
Creare il progetto

Ti servono Node.js 20.9 o successivo e npm sul tuo computer. Se non li hai, scaricali dal sito ufficiale di Node.js. Crea un progetto con l’inizializzatore ufficiale:
L’inizializzatore chiede di TypeScript, del linter, di Tailwind CSS e dell’App Router, poi installa le dipendenze. Avvia il server di sviluppo con npm run dev e modifica app/page.tsx (o app/page.js) per cambiare la home page.

​
Build per la produzione

next build scrive la build di produzione nella cartella .next. Eseguila sul tuo computer: TypeScript, ESLint e Tailwind CSS sono devDependencies, che Square Cloud non installa.

​
Porta e host

Non c’è niente da cambiare in Next.js: next start legge la variabile d’ambiente PORT, che Square Cloud imposta a 80, e ascolta su tutte le interfacce di rete. Mantieni lo script start predefinito nel tuo package.json:
package.json

​
Configurare Square Cloud

Crea un file squarecloud.app nella radice del tuo progetto:
squarecloud.app
RUNTIME=nodejs seleziona il runtime Node.js senza un file MAIN, e START esegue next start. Nell’upload dalla dashboard, imposta lo stesso comando di avvio.

​
Cosa mettere nello ZIP

  • .next/, la build di produzione (Square Cloud rimuove .next/cache durante l’upload, quindi puoi lasciarla fuori).
  • public/, package.json e il tuo file next.config.*.
  • squarecloud.app.
  • Le cartelle dei sorgenti (app/ o pages/) non vengono lette da next start, ma caricarle non fa danni.
Lascia fuori node_modules: Square Cloud installa le tue dependencies al primo avvio.

​
Deploy e verifica

​
Tramite dashboard

1

Accedi alla pagina di upload

Accedi alla pagina di upload e carica il file zip del tuo progetto.
2

Configura il tuo ambiente

Dopo aver caricato il tuo zip, dovrai configurare il nome, il file principale o il runtime environment e altre impostazioni per il tuo progetto.
Se stai caricando un progetto web, assicurati di selezionare “Web Publication” e di impostare un sottodominio per il tuo progetto.
3

Esegui il deploy del tuo progetto

Infine, clicca sul pulsante “Deploy” per ospitare il tuo progetto su Square Cloud.
Dopo il deploy, puoi monitorare lo stato e i log del tuo progetto dalla dashboard.
Caricamento dell'applicazione su Square Cloud
4

Conferma che la tua app sia online

Il primo deploy richiede di solito meno di un minuto. Nella dashboard, attendi che lo stato della tua applicazione mostri “in esecuzione” e controlla i log per eventuali errori di avvio.
Se hai fatto il deploy di un sito web o di un’API, apri https://<tuo-sottodominio>.squareweb.app nel tuo browser: dovresti vedere la tua applicazione rispondere. Se hai fatto il deploy di un bot, invia un comando per confermare che sia online.
La tua app non si avvia? Consulta la guida alla risoluzione dei problemi per le cause più comuni e le relative soluzioni.

​
Tramite CLI

Per utilizzare questo metodo, il tuo progetto deve avere un file di configurazione chiamato squarecloud.app nella sua radice. Indica a Square Cloud come eseguire la tua applicazione.

Guida al file di configurazione

Scopri come creare il file di configurazione squarecloud.app che definisce l’ambiente della tua applicazione.
1

Installa la CLI

Installa la CLI di Square Cloud. Se ce l’hai già, esegui lo stesso comando per aggiornarla:
2

Accedi

Esegui il comando qui sotto. Apre il tuo browser: approva l’accesso lì e la CLI è pronta. Non c’è nessuna chiave API da copiare. Per script e CI, consulta Autenticazione della CLI.
3

Carica il tuo progetto

Dalla cartella del tuo progetto, esegui il comando qui sotto. La CLI comprime la cartella corrente, escludendo ciò che elenca squarecloud.ignore, e la carica:
Per caricare uno zip che hai creato tu, passalo con --file:
4

Conferma che la tua app sia online

Il primo deploy richiede di solito meno di un minuto. Controlla lo stato e i log della tua applicazione direttamente dal terminale:
Se hai fatto il deploy di un sito web o di un’API, apri https://<tuo-sottodominio>.squareweb.app nel tuo browser: dovresti vedere la tua applicazione rispondere. Se hai fatto il deploy di un bot, invia un comando per confermare che sia online.
La tua app non si avvia? Consulta la guida alla risoluzione dei problemi per le cause più comuni e le relative soluzioni.

​
Errori comuni

​
Dominio personalizzato

Per utilizzare un dominio personalizzato (ad esempio, mysite.com) invece dell’URL predefinito mysite.squareweb.app, hai bisogno del piano Standard o superiore. L’URL predefinito deriva dal campo SUBDOMAIN nel file di configurazione. Per collegare il tuo dominio, segui come configurare il tuo dominio.

​
Requisiti minimi di RAM

Minimo: 512MB di RAM per siti web e API, sufficienti per una build statica sul runtime statico. Per le app che generano le pagine su un server (Next.js, Nuxt, Angular SSR e simili), consigliamo almeno 1GB di RAM. Per applicazioni più grandi, alloca più RAM per evitare che l’applicazione esaurisca la memoria e si arresti in modo anomalo.

​
Impossibile trovare questo sito.

Verifica che il sottodominio/dominio corrisponda a quanto configurato nel campo SUBDOMAIN o nelle impostazioni del dominio personalizzato. Se hai appena caricato il sito, attendi fino a 60 secondi affinché Square abiliti il primo accesso.

​
Il sito ha impiegato troppo tempo per rispondere…

Il tuo server deve ascoltare sulla porta 80 e sull’host 0.0.0.0. Square Cloud imposta le variabili d’ambiente PORT (80) e HOST (0.0.0.0) nella tua applicazione: leggile nel codice invece di scrivere altri valori fissi. Un server che ascolta solo su localhost o 127.0.0.1 non riceve mai richieste.

​
Could not find a production build

next start non ha trovato la cartella .next. Esegui npm run build prima di creare lo ZIP e verifica che .next sia nello ZIP.

​
Deploy a ogni push con GitHub Actions

La GitHub Action di Square Cloud installa la CLI sul runner, così un workflow può eseguire la build della tua app e inviarla a Square Cloud. Salva una chiave API come secret del repository SQUARECLOUD_API_KEY e l’ID della tua applicazione come variabile del repository SQUARECLOUD_APP_ID, poi aggiungi .github/workflows/deploy.yml:
.github/workflows/deploy.yml
squarecloud commit invia la cartella, inclusa la nuova build .next, alla tua applicazione, e --restart la riavvia perché la nuova build vada online. Aggiungi .next/cache a un file squarecloud.ignore per mantenere piccolo l’upload. Per altre opzioni, consulta il deploy con GitHub Actions.

​
Prossimi passi

Variabili d'ambiente

Tieni segreti e impostazioni fuori dal codice e leggili in fase di esecuzione.

Dominio personalizzato

Pubblica la tua app sul tuo dominio, dal piano Standard in su.

Risoluzione dei problemi

Sistema un’app che non si avvia o un sito che non risponde.
Per saperne di più su Next.js, consulta la documentazione ufficiale di Next.js.

​
Contattaci

Se continui a riscontrare difficoltà tecniche, il nostro team di supporto specializzato è disponibile ad assisterti. Contattaci e saremo felici di aiutarti a risolvere qualsiasi problema: la qualità del supporto è una parte importante del motivo per cui gli sviluppatori valutano Square Cloud 4,9/5 su 402 recensioni su Google e Trustpilot.