Claude Code kan generere et imponerende nettsted fra en designreferanse, men det første resultatet samsvarer kanskje ikke helt med det tiltenkte forretningsmålet. I dette eksempelet gjenskapte Claude den visuelle stilen nøyaktig, inkludert skrifttyper, farger, interaktive kort, attester, skjema og bunntekst. Likevel bygde den et nettsted for en tannlegepraksis i stedet for et webbyrå som lager nettsteder for tannleger.

Dette skjedde fordi den innledende forespørselen ikke ga nok kontekst. I stedet for å starte på nytt, kan det eksisterende designet forbedres gjennom en iterativ arbeidsflyt. Claude ble bedt om å beholde oppsettet, men skrive om innholdet for Outbound, et webbyrå som retter seg mot tannlegepraksiser i Austin. Den primære oppfordringen til handling ble endret til en gratis nettsideanalyse.

Forbedring av nettstedet med stemmeinput

Lange prosjektinstruksjoner trenger ikke alltid å skrives inn manuelt. Claudes mikrofonfunksjon kan brukes til å beskrive endringer på en naturlig måte, inkludert:

• Hva virksomheten gjør
• Hvem målgruppen er
• Hvilket innhold som må endres
• Hvilke deler av det eksisterende designet som skal beholdes
• Hva hovedoppfordringen til handling skal være

Claude kan deretter stille oppfølgingsspørsmål når viktig informasjon mangler og oppdatere nettstedet basert på svarene.

Koble Claude til Vercel

Når nettstedet er klart, må det distribueres til en hostingplattform. I stedet for å manuelt konfigurere Git, GitHub og distribusjonsinnstillinger, kan Claude Code koble seg direkte til Vercel via en MCP-kobling.

For å koble til Vercel:

1. Klikk på plussikonet ved siden av Claude chat-inngangen.
2. Åpne Koblinger og velg Administrer koblinger.
3. Klikk på Bla gjennom koblinger.
4. Søk etter Vercel og klikk Koble til.
5. Autoriser Claude til å få tilgang til riktig Vercel-team og prosjekter.

Etter at tilkoblingen er opprettet, kan Claude distribuere prosjektet, overvåke distribusjonen, identifisere feil og returnere URL-en til det publiserte nettstedet.

Gjennomgang av distribusjonsproblemer

Den første distribusjonen kan mislykkes hvis Claude fortsatt endrer prosjektet i en annen økt, eller hvis de nåværende filene ikke samsvarer med filene som ble brukt under byggingen. Claude kan inspisere den mislykkede distribusjonen, vente til endringene på nettstedet er fullført, bygge prosjektet på nytt og distribuere det igjen.

Før publisering kan Claude også identifisere uferdige elementer, som:

• Et skjema som ikke er koblet til backend
• Plassholderinnhold
• Manglende egendefinert domene
• Ufullstendig personvernerklæring

Disse problemene bør gjennomgås før lansering av et produksjonsnettsted. En midlertidig versjon kan likevel distribueres for testing eller demonstrasjon.

Fra designreferanse til levende nettsted

Etter vellykket distribusjon gir Vercel en offentlig URL som kan åpnes på stasjonære eller mobile enheter. Det resulterende nettstedet er responsivt og kan senere kobles til et egendefinert domene.

Denne arbeidsflyten viser hvordan Claude Code kan håndtere langt mer enn å skrive kode. Det kan forbedre innhold, endre prosjektfiler, koble til eksterne tjenester, feilsøke byggefeil og distribuere et fungerende nettsted gjennom instruksjoner i naturlig språk.

Den innledende feilen fremhever også en viktig lærdom: Claude fungerer best når det mottar tydelig prosjektkontekst fra starten av. Å definere virksomheten, målgruppen, målene og ønsket resultat bidrar til å holde prosjektet på rett spor og reduserer unødvendige revisjoner.