Claude Code kan generere et imponerende website ud fra en designreference, men det første resultat matcher måske ikke fuldt ud det tilsigtede forretningsmål. I dette eksempel genskabte Claude nøjagtigt den visuelle stil, inklusive skrifttyper, farver, interaktive kort, testimonials, formular og sidefod. Dog byggede den et website for en tandlægepraksis i stedet for et webbureau, der laver websites for tandlæger.

Dette skete, fordi den oprindelige forespørgsel ikke gav nok kontekst. I stedet for at starte forfra kunne det eksisterende design raffineres gennem en iterativ arbejdsgang. Claude blev bedt om at bevare layoutet, men omskrive indholdet for Outbound, et webbureau med fokus på tandlægepraksisser i Austin. Den primære call to action blev ændret til et gratis website-tjek.

Forfining af websitet med stemmeinput

Lange projektinstruktioner behøver ikke altid at blive indtastet manuelt. Claudes mikrofonfunktion kan bruges til at beskrive ændringer naturligt, herunder:

• Hvad virksomheden laver
• Hvem målgruppen er
• Hvilket indhold der skal ændres
• Hvilke dele af det eksisterende design der skal bevares
• Hvad den primære call to action skal være

Claude kan derefter stille opfølgende spørgsmål, når vigtig information mangler, og opdatere websitet baseret på svarene.

Forbindelse af Claude til Vercel

Når websitet er klar, skal det udrulles til en hostingplatform. I stedet for manuelt at konfigurere Git, GitHub og udrulningsindstillinger kan Claude Code forbinde direkte til Vercel via en MCP-connector.

Sådan forbindes Vercel:

1. Klik på plus-ikonet nær Claude chat-input.
2. Åbn Connectors og vælg Administrer connectors.
3. Klik på Gennemse connectors.
4. Søg efter Vercel og klik på Connect.
5. Autorisér Claude til at få adgang til det relevante Vercel-team og projekter.

Når forbindelsen er oprettet, kan Claude udrulle projektet, overvåge udrulningen, identificere fejl og returnere URL'en til det live website.

Gennemgang af implementeringsproblemer

Den første implementering kan mislykkes, hvis Claude stadig ændrer projektet i en anden session, eller hvis de aktuelle filer ikke stemmer overens med filerne brugt under build-processen. Claude kan inspicere den mislykkede implementering, vente på at ændringerne på websitet er færdige, genopbygge projektet og implementere det igen.

Før publicering kan Claude også identificere uafsluttede elementer, såsom:

• En formular, der ikke er forbundet til et backend-system
• Pladsholderindhold
• Et manglende brugerdefineret domæne
• En ufuldstændig privatlivspolitik

Disse problemer bør gennemgås, før et produktionswebsite lanceres. En midlertidig version kan dog stadig implementeres til test eller demonstration.

Fra designreference til live-website

Efter en vellykket implementering giver Vercel en offentlig URL, der kan åbnes på både desktop og mobile enheder. Det færdige website er responsivt og kan senere tilknyttes et brugerdefineret domæne.

Denne arbejdsgang viser, at Claude Code kan håndtere meget mere end blot at skrive kode. Det kan forfine indhold, ændre projektfiler, forbinde til eksterne tjenester, fejlfinde build-fejl og implementere et fungerende website via instruktioner i naturligt sprog.

Den indledende fejl fremhæver også en vigtig pointe: Claude præsterer bedst, når det fra starten får tydelig projektkontekst. At definere virksomhed, målgruppe, mål og ønsket resultat hjælper med at holde projektet på sporet og reducerer unødvendige revisioner.