Skip to main content

​
Introduzione

Per sviluppare e ospitare un'applicazione React Router (ex Remix) 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 React Router 8 su Node.js 24 a settembre 2026.
Remix è confluito in React Router: la modalità framework di React Router, dalla v7, è l’erede di Remix v2. I nuovi progetti usano create-react-router invece di create-remix. Se hai ancora un progetto Remix v2, consulta Progetti Remix v2 esistenti.

​
Creare il progetto

Ti servono Node.js 22.22 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 crea il progetto e propone di installarne le dipendenze. Entra nella cartella del progetto e avvia il server di sviluppo:
Il server di sviluppo di solito ascolta su http://localhost:5173/. Le route sono dichiarate in app/routes.ts, e lo starter associa la home page a app/routes/home.tsx. Sostituisci il contenuto di quel file con un esempio semplice:
app/routes/home.tsx

​
Build per la produzione

Questo crea la cartella build/: build/client contiene gli asset statici e build/server il codice del server. Gli strumenti di build (@react-router/dev e Vite) sono devDependencies, che Square Cloud non installa, quindi esegui la build sul tuo computer.

​
Porta e host

Non c’è niente da cambiare: lo starter include @react-router/serve, un server Node.js di produzione, e uno script start che lo avvia. react-router-serve legge le variabili d’ambiente PORT e HOST, che Square Cloud imposta a 80 e 0.0.0.0.
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 richiedere un file MAIN, e START sostituisce il comando di avvio predefinito. Nell’upload dalla dashboard, imposta lo stesso comando di avvio.

​
Cosa mettere nello ZIP

  • build/, la build di produzione.
  • package.json.
  • squarecloud.app.
Lascia fuori node_modules: Square Cloud installa le tue dependencies, incluso @react-router/serve, al primo avvio.

​
Progetti Remix v2 esistenti

I progetti Remix v2 si pubblicano allo stesso modo: esegui npm run build in locale e mantieni START=npm run start, dove lo script start avvia @remix-run/serve, che legge anch’esso PORT e HOST:
I progetti ancora sul compilatore classico di Remix (senza Vite) usano invece remix-serve ./build/index.js. Per passare a React Router, segui la guida ufficiale all’aggiornamento.

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

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

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