Gemini-website-publicatie

Publiceer uw
Gemini-prototype

Neem een door Gemini gegenereerde HTML-pagina, een React-prototype of een statische frontend-export en publiceer deze als een echte HTTPS-website voor beoordeling, delen en koppeling aan een eigen domein.

Bekijk de stappen
Gemini
AI
Hier is een React-prototype. Bouw het vóór de publicatie als het npm-pakketten gebruikt, en houd API-sleutels buiten de frontendbundel.
App.tsxReact
import React from 'react';
export default function App() {
return <div className="bg-slate-950">...
}
Zet de gegenereerde bestanden hieronder neer

Welk soort Gemini-uitvoer past bij statische publicatie?

Gemini kan in hetzelfde gesprek frontendcode, app-logica en API-voorbeelden genereren. DeployPages is het publicatiedoel voor het statische frontendgedeelte.

HTML-landingspagina's

Upload index.html en alle CSS, JavaScript, afbeeldingen of lettertypen waarnaar wordt verwezen. Dit is het snelste pad voor eenvoudig gegenereerde pagina's.

React-prototypes

Als Gemini React-componenten of een Vite-project genereert, voer dan de build uit en upload de gegenereerde statische uitvoermap.

Gemini API-demo's

Publiceer de frontend hier, maar houd Gemini API-oproepen waarvoor privésleutels nodig zijn achter een backend of serverloze functie.

Documenten en productmodellen

Statische exporten van door Gemini ondersteunde documenten, productpagina's, interne demo's en reviewprototypes kunnen worden gedeeld als echte URL's.

Gemini-uitvoer naar live-website in drie stappen

01
01

Genereer de frontend

Vraag Gemini om een statische pagina, prototype, landingspagina of React-interface en laat deze de vereiste bestanden en afhankelijkheden vermelden.

02
02

Bereid de publiceerbare uitvoer voor

Sla eenvoudige HTML rechtstreeks op, of build React/Vite-uitvoer in een statische map zoals dist voordat u deze uploadt.

03
03

Uploaden en inspecteren

Zet de statische bestanden neer in DeployPages en verifieer vervolgens routes, afbeeldingen, consolefouten en eventuele externe API-oproepen op de live URL.

Controleer voordat u een Gemini-build publiceert

Een gegenereerd prototype kan gereed lijken terwijl het nog steeds tijdelijke tekst, kapotte assets of onveilige geheimen aan de clientzijde bevat.

API-sleutelveiligheid

Plaats geen privé-Gemini API-sleutels of servicereferenties in de browsercode. Gebruik een backend voor beveiligde gesprekken.

Bouw de uitvoer

Voor React- of Vite-projecten publiceert u de gegenereerde uitvoermap, en niet de onbewerkte bronbestanden of node_modules.

Controleer assets

Vervang denkbeeldige bestandsnamen en tijdelijke afbeeldingswaarden door echte bestanden of stabiel gehoste URL's voordat u uploadt.

Browsercontrole

Open de gepubliceerde website op mobiel en desktop, controleer consolefouten en test elke primaire link of formulier.

Veelvoorkomende Gemini-publicatieproblemen

Fix 01

Het prototype heeft een Gemini API-sleutel nodig

Verplaats de API-aanroep naar een backend of serverloos eindpunt. Een statische frontend kan een privé-API-sleutel niet veilig verbergen.

Fix 02

React-code is niet browserklaar

Installeer afhankelijkheden en voer de opdracht build uit. Upload de gegenereerde map dist/build na het bundelen.

Fix 03

Gegenereerde assets ontbreken

Vraag Gemini om de volledige bestandsstructuur en maak of vervang vervolgens elke afbeelding, elk pictogram, stylesheet en lettertype waarnaar wordt verwezen.

Fix 04

Het formulier of de inlogstroom werken niet

Statische hosting kan de gebruikersinterface weergeven. Inzendingen, authenticatie, databases en beschermde acties hebben een backend-service nodig.

Veelgestelde vragen over de publicatie van Gemini

Kan ik lange Gemini-projecten met meerdere bestanden uploaden?

Ja. Als Gemini meerdere frontend-bestanden heeft gegenereerd, houd dan de projectstructuur intact en upload de volledige map in plaats van één enkel bestand.

Wat moet ik doen als de gegenereerde code een fout bevat?

Corrigeer de code lokaal of vraag Gemini om een herziene versie en upload vervolgens de gecorrigeerde build opnieuw. DeployPages vergrendelt u niet in de eerste uitvoer.

Welke frontendstacks worden ondersteund?

Statische HTML, React, Vue en de meeste door browsers uitgevoerde frontend-uitvoer kunnen worden gepubliceerd zolang het eindresultaat een statische build is.

Kan ik hier een Gemini API-app publiceren?

U kunt de frontend publiceren, maar privé-Gemini API-aanroepen moeten achter een backend of serverloos eindpunt plaatsvinden. Stel privésleutels niet bloot in browsercode.

Wat als Gemini een Next.js-app zou genereren?

Exporteer het als een statische website als de app geen serverfuncties nodig heeft en upload vervolgens de out-directory. SSR-, API-routes en middleware hebben een server-compatibele runtime nodig.