Skip to main content

​
Introduzione

Per sviluppare e ospitare un'applicazione Nuxt 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, o il runtime statico per un sito generato. Testata con Nuxt 4 su Node.js 24 a settembre 2026.

​
Creare il progetto

Ti servono Node.js e npm sul tuo computer. Se non li hai, scaricali dal sito ufficiale di Node.js. Crea un progetto con l’inizializzatore ufficiale, che sostituisce nuxi init:
L’inizializzatore chiede un template e il gestore di pacchetti, poi installa le dipendenze. Entra nella cartella del progetto e avvia il server di sviluppo:
Il server di sviluppo ascolta su http://localhost:3000. Modifica app/app.vue per cambiare la home page, oppure crea app/pages/index.vue per usare il routing basato sui file.

​
Build per la produzione

Nuxt genera con Nitro un server Node.js autonomo nella cartella .output. Il suo file di ingresso è .output/server/index.mjs, e .output/server contiene le proprie dipendenze.

​
Porta e host

Non c’è niente da cambiare in Nuxt: il server Nitro legge le variabili d’ambiente PORT e HOST, che Square Cloud imposta a 80 e 0.0.0.0.

​
Configurare Square Cloud

Crea un file squarecloud.app nella radice del tuo progetto e punta MAIN al server Nitro:
squarecloud.app
Square Cloud lo avvia con node .output/server/index.mjs. Nell’upload dalla dashboard, imposta lo stesso file principale.

​
Cosa mettere nello ZIP

  • .output/, la build di produzione.
  • package.json, nuxt.config.ts e le cartelle dei sorgenti (app/, public/ e le altre del tuo progetto): al primo avvio Square Cloud esegue npm install, e lo script postinstall dei progetti Nuxt (nuxt prepare) ne ha bisogno.
  • squarecloud.app.
Lascia fuori node_modules e .nuxt: vengono rigenerati sul server.

​
Generazione statica invece di un server

Se ogni pagina può essere generata in fase di build, esegui npm run generate invece di npm run build. Nuxt scrive un sito statico in .output/public, che il runtime statico serve senza un processo Node.js: Il runtime statico serve i file della tua build con un web server gestito da Square Cloud. Non gira nessun processo Node.js, quindi è il modo più leggero per ospitare un sito senza codice lato server.
1

Esegui la build del sito

Esegui npm run build. L’output finisce nella cartella .output/public.
2

Mantieni funzionanti le route lato client

Se la tua app cambia pagina nel browser senza ricaricare (routing lato client), rinomina .output/public/index.html in vite.html. Il runtime statico risponde con vite.html a ogni percorso che non corrisponde a un file, quindi ricaricare una route come /about carica comunque la tua app. Un sito con un file HTML per pagina mantiene index.html: i percorsi sconosciuti restituiscono allora il tuo 404.html. Consulta come il runtime statico serve i file.
3

Aggiungi il file di configurazione

Crea un file squarecloud.app dentro .output/public. Un MAIN che punta a un file HTML seleziona il runtime statico:
squarecloud.app
Usa MAIN=index.html se hai mantenuto index.html. 512 MB è la memoria minima per un sito web. Quando carichi dalla dashboard, ti vengono chiesti questi valori e il file viene scritto per te.
4

Comprimi l'output della build

Comprimi il contenuto di .output/public, non la cartella stessa, in modo che squarecloud.app si trovi nella radice dello ZIP. Con la CLI, esegui squarecloud upload dall’interno di .output/public.
Tutto ciò che è nello ZIP è pubblico sul tuo sito. Carica solo l’output della build, mai il codice sorgente o i file .env.
La maggior parte degli strumenti di build svuota .output/public a ogni build. Tieni una copia di squarecloud.app nella cartella che il tuo framework copia invariata nella build (public/ nei progetti basati su Vite), oppure ripeti gli ultimi tre passaggi dopo ogni build.
nuxt generate prerenderizza un file HTML per pagina e un 404.html, quindi mantieni index.html (senza rinominarlo in vite.html).

​
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.

​
Cannot find module .output/server/index.mjs

Nello ZIP manca la build. Esegui npm run build e verifica che la cartella .output sia nella radice dello ZIP, accanto a squarecloud.app.

​
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 Nuxt, consulta la documentazione ufficiale di Nuxt.

​
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.