Genspark Build — Preview

Website maken met AI en echt online zetten.

Vertel de AI wat je wilt. Ze schrijft de code voor je ogen, ververst de live preview bij elk bestand, en in een paar minuten heb je een echte website die je kunt publiceren.

Claude Opus 4.7Live previewPubliceert op Cloudflare
Begin met een voorbeeld:

Hoe bouwen hier voelt

De hele workspace draait om de prompt

Chat links, live preview in het midden, bestanden rechts. Tik, kijk hoe het rendert, ga verder.

genspark.ai/agents?type=build_preview
Chat
Een donker, editorial portfolio voor een freelance fotograaf. Vijf secties, warme typografie.
Ik schrijf `index.html`, `about.html`, `/assets/styles.css`. Voeg een filmkorrel-effect toe aan de hero…
Bezig met schrijven
Previewjouwsite.pages.dev
Freelance photography
Stories in light.
EditorialPortraitTravel
Bestanden
  • index.html
  • about.html
  • work.html
  • contact.html
  • assets/styles.css
  • assets/film-grain.svg

Waarom Genspark Build

Geen generator die alleen een mockup uitspuugt.

Deze schrijft echte bestanden, draait een live preview en laat je het resultaat publiceren.

Echte code, geen screenshots

HTML, CSS, JavaScript — om te houden

Elke pagina is een echt bestand. Download het, pas het aan, geef het aan een developer. Geen proprietary editor, geen exportkosten.

<section class="hero">  <h1>Stories in light.</h1></section>
Met Claude

Claude Opus 4.7 onder de motorkap

Claude plant de site, schrijft de bestanden en lost zijn eigen fouten op als de preview raar is.

Meerdere pagina's

Hele sites, geen one-pagers

Home, Over, Werk, Prijzen, Contact. Alles samen gegenereerd. De navigatie blijft in sync en het design-system loopt door op elke pagina.

Live preview

Kijk hoe het rendert, bestand voor bestand

De preview update op het moment dat een bestand wordt geschreven. Geen buildstap om op te wachten. Hover-states, animaties en responsive breakpoints werken live.

In één klik online

Publiceer naar Cloudflare Pages

Klik op Build it. Genspark tilt het prototype naar een echt project, regelt Cloudflare Pages en geeft je een publieke URL.

Ook apps

Vandaag websites, morgen mobile apps op hetzelfde canvas

Wissel van website naar app. Het canvas schakelt naar een iPhone-frame en Build it levert een Flutter-project met Dart-code.

Begin met een bewezen prompt

Wat mensen aan het bouwen zijn

Dit zijn de echte starter-prompts binnen Genspark Build. Klik één en de AI neemt het over.

Van prompt naar productie

Vier stappen, geen build-pipeline, geen leercurve.

01

Beschrijven

Tik wat je wilt in één zin, of in een alinea. Als iets onduidelijk is, vraagt de AI het na in plaats van te gokken.

02

Preview

Bestanden verschijnen in de tree en de preview rendert ze. Je kunt animaties en breakpoints testen terwijl de code wordt geschreven.

03

Verfijnen

Selecteer een element op het canvas en pas het inline aan, of vraag de AI een sectie te herwerken. Stijlwijzigingen slaan door op elke pagina.

04

Publiceren

Klik op Build it. Het prototype wordt een compleet Cloudflare-Pages-project met een publieke URL die je meteen kunt delen.

Twee targets, één canvas

Vandaag websites. Of wissel het target en dezelfde prompt levert een mobile app.

Het canvas toont de preview van beide targets — één in een browser, één in een telefoon-frame. Kies er één en Build it levert het bijpassende project.

Target: Website

HTML / CSS / JS op Cloudflare Pages

  • Iframe op hetzelfde domein zodat de preview overeenkomt met productie
  • Ondertekende preview-URL's — alleen wie de link ontvangt, kan openen
  • Publiceer naar Cloudflare Pages via de Build it-handoff
Target: App

Flutter-project met live iPhone-preview

  • iPhone-frame-preview direct op het canvas
  • Echte Dart- en Flutter-code, geen mockup
  • Handoff naar een volledig Flutter-project om verder te itereren

vs. de website-builder die je al kent

Wat de nieuwe AI-website-builders goed doen

Drag-and-drop-builder
Genspark Build
Startpunt
Door 800 templates bladeren
Eén zin in gewone taal
Resultaat
Gesloten proprietary-blokken
Bewerkbare HTML / CSS / JS-bestanden
Multi-pagina-sites
Voeg elke pagina zelf toe
Samen gegenereerd, navigatie in sync
Iteratie
Slepen, loslaten, slepen, loslaten
Vraag in de chat, de site werkt zich bij
Hosting
Vast aan hun host, meestal betaald
Cloudflare Pages of je eigen server
Mobile app-support
Meestal niets
Wissel target → Flutter-app

Veelgestelde vragen over website maken met AI

Hoe werkt website maken met AI eigenlijk?
Je beschrijft de site in het chatpaneel. Claude Opus 4.7 plant de pagina's en schrijft de code; de preview-iframe rendert elk bestand zodra het er is. Als je tevreden bent, klik op Build it en Genspark pakt alles in als Cloudflare-Pages-project met een publieke URL. Geen lokale build-tools nodig.
Is Genspark Build gratis?
Je kunt Genspark Build proberen en een site gratis previewen. Doorgaande generatie en de Build it-deploy zitten in de Genspark Plus- en Pro-plannen. Er is geen unlimited-gratis-aanbod — elke build kost echte compute.
Is dit een AI website builder of een AI website generator?
Allebei, eigenlijk. Genspark Build genereert de site uit een prompt en blijft daarna aan dezelfde bestanden werken terwijl je itereert. Het oude onderscheid tussen builder en generator verdwijnt zodra de code live voor je staat.
Kan ik de site op mijn eigen domein zetten?
Ja. Build it maakt een Cloudflare-Pages-deploy met een publieke URL direct aan, en je kunt een eigen domein daarop laten wijzen. Wil je ergens anders hosten, download het project — standaard webcode die je overal kunt serveren.
Wat voor sites kan ik maken?
Landingpagina's, SaaS-homepages, portfolio's, prijspagina's, dashboards, aanmeldflows, decks, onboarding-schermen. De starter-prompts hierboven zijn geen mockups — Genspark Build genereert elk van begin tot eind.
Kan ik ook een mobile app bouwen?
Ja. Wissel het target van website naar app. Het canvas schakelt naar een iPhone-frame, de AI schrijft Dart- en Flutter-code, en Build it levert een compleet Flutter-project in plaats van een Cloudflare-Pages-project.
Is de code die de AI schrijft van mij?
Ja. Downloaden, bewerken, forken, geef het aan een developer. Geen proprietary editor die de code vasthoudt en geen exportkosten.
Hoe is dit anders dan Wix, Squarespace of andere website-builders?
Traditionele builders geven je blokken om rond te slepen. Genspark Build geeft je een chatvak. Jij beschrijft de site, de AI schrijft de code en jij verfijnt door te typen. Wat eruit komt is echte code die van jou is.

Klaar om te bouwen?

Je volgende website begint met één zin.

Begin gratis met Genspark Build. Beschrijf de site. De AI doet de rest.