Pubblicazione del sito Gemini

Pubblica il tuo
prototipo Gemini

Prendi una pagina HTML generata da Gemini, un prototipo React o un'esportazione frontend statica e pubblicala come un vero sito HTTPS per la revisione, la condivisione e il lancio di un dominio personalizzato.

Rivedi i passaggi
Gemini
AI
Ecco un prototipo React. Compilalo prima della pubblicazione se utilizza pacchetti npm e tieni le chiavi API fuori dal bundle frontend.
App.tsxReact
import React from 'react';
export default function App() {
return <div className="bg-slate-950">...
}
Rilascia i file generati di seguito

Che tipo di output Gemini è adatto alla pubblicazione statica?

Gemini può generare codice frontend, logica dell'app ed esempi API nella stessa conversazione. DeployPages è la destinazione di pubblicazione per la parte frontend statica.

Pagine di destinazione HTML

Carica index.html e qualsiasi CSS, JavaScript, immagini o font di riferimento. Questo è il percorso più veloce per le pagine generate in modo semplice.

Prototipi React

Se Gemini genera componenti React o un progetto Vite, eseguire build e caricare la cartella di output statico generata.

Dimostrazioni di Gemini API

Pubblica qui il frontend, ma mantieni le chiamate Gemini API che richiedono chiavi private dietro una funzione backend o serverless.

Documenti e modelli di prodotto

Le esportazioni statiche da documenti assistiti da Gemini, pagine di prodotto, demo interne e prototipi di revisione possono essere condivisi come URL reali.

Da output Gemini a sito live in tre passaggi

01
01

Genera il frontend

Chiedi a Gemini una pagina statica, un prototipo, una pagina di destinazione o un'interfaccia React e chiedigli di elencare i file e le dipendenze richiesti.

02
02

Prepara l'output pubblicabile

Salva direttamente l'HTML semplice oppure l'output di build React/Vite in una cartella statica come dist prima del caricamento.

03
03

Carica e controlla

Trascina i file statici in DeployPages, quindi verifica percorsi, immagini, errori della console ed eventuali chiamate API esterne sull'URL live.

Controlla la build Gemini prima di renderla pubblica

Un prototipo generato può sembrare pronto pur contenendo ancora testo segnaposto, asset rotti o segreti lato client non sicuri.

Sicurezza delle chiavi API

Non inserire chiavi private Gemini API o credenziali del servizio nel codice del browser. Utilizza un backend per le chiamate protette.

Esegui la build dell'output

Per i progetti React o Vite, pubblica la cartella di output generata, non i file sorgente grezzi o node_modules.

Verifica degli asset

Sostituisci i nomi file inventati e i placeholder delle immagini con file reali o URL stabili prima del caricamento.

QA del browser

Apri il sito pubblicato su mobile e desktop, controlla gli errori della console e testa ogni link o modulo principale.

Problemi comuni di pubblicazione di Gemini

Fix 01

Il prototipo necessita di una chiave Gemini API

Sposta la chiamata API a un backend o a un endpoint serverless. Un frontend statico non può nascondere in modo sicuro una chiave API privata.

Fix 02

Il codice React non è pronto per il browser

Installa le dipendenze ed esegui il comando di build. Carica la cartella dist/build generata dopo il bundling.

Fix 03

Mancano gli asset generati

Chiedi a Gemini l'albero completo dei file, quindi crea o sostituisci ogni immagine, icona, foglio di stile e carattere a cui si fa riferimento.

Fix 04

Il modulo o il flusso di accesso non funziona

L'hosting statico può eseguire il rendering dell'interfaccia utente. Invii, autenticazione, database e azioni protette necessitano di un servizio backend.

Domande frequenti sulla pubblicazione di Gemini

Posso caricare progetti Gemini lunghi con più file?

Sì. Se Gemini ha generato più file frontend, mantieni intatta la struttura del progetto e carica la cartella completa invece di un singolo file.

Cosa succede se il codice generato presenta un errore?

Correggi il codice localmente o chiedi a Gemini una versione rivista, poi carica di nuovo la build corretta. DeployPages non ti blocca alla prima uscita.

Quali stack frontend sono supportati?

HTML statico, React, Vue e la maggior parte degli output frontend eseguiti dal browser possono essere pubblicati purché il risultato finale sia una build statica.

Posso pubblicare un'app Gemini API qui?

Puoi pubblicare il frontend, ma le chiamate private Gemini API dovrebbero risiedere dietro un backend o un endpoint serverless. Non esporre le chiavi private nel codice del browser.

Cosa succederebbe se Gemini generasse un'app Next.js?

Esportalo come sito statico se l'app non necessita di funzionalità server, quindi carica la directory out. I percorsi SSR, API e il middleware richiedono un runtime con funzionalità server.