Bygg och publicera en hemsida från Claude med MCP

Ja, Claude kan bygga en hemsida och lägga ut den på nätet. På egen hand skriver Claude koden, och du behöver fortfarande någonstans att lägga upp den. Med en koppling till en hemsidebyggare gör Claude hela jobbet i chatten: designar sidan, publicerar den på en riktig adress och ändrar den senare när du ber om det. Det här inlägget visar en riktig körning med Gintas MCP-server, med tidtagning den 12 oktober 2026: ett meddelande, 168 sekunder, fyra verktygsanrop, en hemsida live.

Vad MCP är, i två meningar

MCP (Model Context Protocol) är standarden för hur AI-assistenter som Claude och ChatGPT använder externa verktyg. Ginta har en MCP-server på https://ginta.app/mcp: när du har kopplat den kan Claude skapa, publicera och uppdatera hemsidor i ditt Ginta-konto, efter att du har loggat in och tryckt på Allow.

Steg 1: lägg till Ginta i Claude (två minuter)

Ginta finns i Claudes katalog med connectors. På claude.ai eller i Claudes skrivbordsapp:

  1. Öppna Ginta i katalogen med connectors (eller Customize → Connectors, bläddra och sök efter ”Ginta”).
  2. Tryck på Connect. Ett fönster från Ginta öppnas: logga in eller skapa ett gratis konto, och tryck på Allow.

Det går fortfarande att lägga till Ginta som egen connector också: Customize → Connectors, +, Add custom connector, namn Ginta, adress https://ginta.app/mcp.

Gintas inloggningsfönster som frågar om Claude får hantera dina hemsidor
Du bestämmer vad Claude får göra: den ser bara hemsidorna i ditt Ginta-konto.

Gratiskonton hos Claude kan vara begränsade till en egen connector. Hela guiden, med teamplaner och ChatGPT, finns på Koppla Ginta.

Steg 2: be om hemsidan

Det här är meddelandet vi skickade, på engelska (via Anthropics API med MCP-connectorn, modellen Claude Opus 5.5, på samma sätt som claude.ai använder connectors). Översatt till svenska:

Använd Ginta och bygg en hemsida för min yogastudio i Porto. Den heter Sala Luz: små klasser i hatha och vinyasa, högst 10 personer, måndag till lördag morgon och kväll. Rua de Cedofeita 120, Porto. Telefon +351 22 000 0142. Lägg till ett kontaktformulär för frågor.

Vad Claude gjorde, steg för steg

# Verktyg som Claude anropade Vad det är till för
1 get_guide Läste Gintas designguide: layouter, typsnitt, bilder, ikoner, blocket för kontaktformulär
2 check_name Kollade att sala-luz.ginta.page var ledigt
3 create_site Publicerade sidan i vårt Ginta-konto
4 preview_site Tog skärmbilder av den publicerade sidan för att kontrollera designen

Totalt: 168 sekunder från meddelande till en hemsida live på sala-luz.ginta.page, utan fel.

Hemsidan för Sala Luz: en stor rubrik med serifer om yoga i Porto i ett rum med tio mattor, och en bild i ett välvt fönster
Det Claude publicerade: studions gräns på 10 personer blev designidén.
Samma hemsida i en mobil: rubriken, ringknappen och adressen
Samma sida i en mobil.

Det vi gillade ännu mer än designen var Claudes svar. Den listade vad den hade antagit och vad som fortfarande saknades: inga klasstider eller priser (vi hade inte gett några, så sidan ber folk ringa), ingen e-post för meddelanden från formuläret än (de hamnar i inkorgen i Ginta tills vidare), bildbanksfoton i stället för den riktiga studion, och en integritetssida som fortfarande behöver företagets juridiska namn. Den sa också att den i det här API-testet inte kunde se skärmbilderna som preview_site gav tillbaka, så den kontrollerade koden i stället. Den ärligheten vill du ha innan du visar en hemsida för kunder.

Steg 3: ändra den senare, i vilken chatt som helst

Hemsidan ligger i ditt Ginta-konto, inte i en enskild konversation. I en ny chatt säger du ”ändra öppettiderna på min Ginta-sajt sala-luz”, så hittar Claude den. Det här kan Claude göra med Gintas verktyg, med vanliga ord:

Alla verktyg finns listade med exempel i dokumentationen för utvecklare.

Från Claude Code: publicera ett projekt du har byggt

Utvecklare kan lägga till samma server i Claude Code:

claude mcp add --transport http ginta https://ginta.app/mcp

Kör sedan /mcp, välj ginta → Authenticate och logga in. Därefter kan du säga ”bygg det här projektet och publicera dist/ på Ginta som en ny sajt”: Claude laddar upp hela bygget som en zip via en kortlivad uppladdningslänk. Ginta visar sidor, skript, bilder, typsnitt, PDF:er och videor inom din plans gränser, med _redirects, rena adresser och din egen 404.html. Detaljer: guide för Claude Code och filer och routing.

Vad det kostar

Att publicera från din egen assistent använder inga Ginta-krediter: din assistent gör AI-jobbet. Planen Gratis ger 20 hemsidor på deras Ginta-adress (ingen egen domän), med en liten ”Skapad med Ginta”-etikett i hörnet. Planerna Hosting är gjorda för dig som bygger med Claude eller ChatGPT: Hosting (5 € i månaden, eller 50 € om året) har 50 hemsidor, 1 domän och ingen etikett; Hosting Plus (15 €) och Hosting Studio (49 €) har mer. I Sverige betalar du samma siffror i amerikanska dollar. Alla planer: prissidan.

Andra sätt att publicera från Claude

Ginta är inte det enda alternativet, och inte det rätta för allt. Enligt varje företags egna sidor, kontrollerade 12 oktober 2026:

Fler detaljer, med källor: hemsidebyggare med MCP-server, jämförda.

Vanliga frågor

Kan Claude göra en hemsida utan någon connector?

Claude kan skriva HTML, CSS och JavaScript till en hemsida och visa den för dig i chatten. För att lägga ut den på en adress som kunder kan besöka behövs hosting: en connector som Gintas gör det i samma konversation.

Fungerar det med ChatGPT också?

Ja. På ChatGPT Plus, Pro, Business, Enterprise och Edu lägger du till Ginta med utvecklarläget på webben (Plugins → + → Add custom MCP server), och ChatGPT kan bygga och ändra hemsidor (kontrollerat 19 oktober 2026; vi publicerade en från Plus den 18 oktober). På Free kan du använda Ginta-pluginet från ChatGPT:s katalog när det har godkänts. ChatGPT ber dig bekräfta innan Ginta publicerar en ändring. Steg: Använd Ginta i ChatGPT.

Är det säkert att låta Claude ändra min hemsida?

Claude ser bara hemsidorna i det Ginta-konto du loggade in med, och bara efter att du har tryckt på Allow. Varje ändring skapar en ny version som du kan ångra, och du kan koppla bort Claude när du vill genom att ta bort connectorn.

Behöver jag veta vad MCP är för att använda det?

Nej. Du lägger till Ginta en gång från Claudes katalog med connectors (eller klistrar in en adress som egen connector), loggar in och ber sedan om det du vill ha med vanliga ord.

Skriven med hjälp av AI för Ginta, som drivs av Povilas. Han håller också en kurs i att bygga hemsidor. Skärmbilderna kommer från det riktiga Ginta det datum som står ovan, och priserna från vår prissida.

Koppla Ginta till Claude

Lägg till Ginta från Claudes katalog med connectors (eller som egen connector på https://ginta.app/mcp), logga in och be om en hemsida.

Skapa min hemsida

Läs vidare