Vi har stenkoll på våra produkter, men för att hela tiden bli vassare uppmuntras vi alla att ständigt lära oss nya saker och utmana oss själva. Så jag bestämde mig för att göra ett litet personligt experiment. Skulle jag, som aldrig rört den här specifika tekniken tidigare, kunna bygga en av våra GDPR-säkra cookie-banners helt från noll på plattformen Cloudflare Workers – enbart med en AI som parprogrammerare?

Min verktygslåda för dagen:

  • En helt vanlig Chromebook (med Linux-läget igång).

  • Cloudflare Workers (för att koden ska laddas blixtsnabbt globalt).

  • Gemini (min AI-assistent och tålmodiga kodslav).

Rond 1: När datorn säger tvärnej

Redan innan jag hade skrivit en enda rad kod tog det stopp. Jag försökte installera kodredigeraren VS Code i Linux-terminalen, och datorn kastade ett obegripligt felmeddelande i ansiktet på mig: "Unable to correct problems, you have held broken packages".

Zorc-hacket: Istället för att googla i forum från 2014, slängde jag in felmeddelandet direkt i chatten med Gemini. AI:n konstaterade snabbt: "Din Chromebook har en mobilprocessor (ARM). Du försöker ladda ner fel fil." Två sekunder senare hade jag rätt länk, och vi var igång!

Rond 2: Förhör i terminalen

För att starta projektet skrev jag npm create cloudflare@latest. Plötsligt började terminalen bomba mig med frågor: Vill du ha TypeScript? Vilken typ av app? Ska vi skapa en AGENTS.md-fil?

Istället för att gissa, lät jag Gemini agera tolk. Vi landade i att köra ren, okomplicerad JavaScript – helt i linje med hur vi på Zorc vill ha vår kod: lättviktig och snabb.

Rond 3: Jag agerar arg jurist (och designchef)

AI:n spottade snabbt ur sig en fungerande kod för en cookie-banner. Rutan dök upp, jag klickade "Acceptera", och den försvann. Succé? Nja. Här fick jag kliva in och sätta Zorc-standarden.

  • Lagen är lagen: AI:ns första förslag hade bara en "Acceptera"-knapp. Jag fick snällt förklara för min AI-assistent att det bryter mot GDPR. Man måste kunna tacka nej lika enkelt! Gemini uppdaterade lydigt koden med en stilren "Avstå"-knapp och en snygg länk till en cookiepolicy.

  • Designen: Den första bannern täckte halva skärmen (ingen gillar en skrikig banner). Jag bad AI:n banta ner den till en diskret, flytande ruta nere i högra hörnet. Mycket proffsigare.

Rond 4: Tre roliga (och frustrerande) buggar

Det går ju aldrig helt smärtfritt. Vi stötte på tre klassiska problem som löstes i farten:

  1. Datorn svettades: Min Chromebook fick slut på minne (Out of memory) när jag försökte testa koden lokalt. Lösningen? Vi ropade "Ship it!" och körde kommandot deploy. Koden flög upp till Cloudflares servrar och vi fick en live-länk att leka med direkt.

  2. Mysteriet med den försvunna bannern: Rätt vad det var slutade bannern dyka upp. Hade jag pajat koden? Nej, den var bara extremt välbyggd. Min webbläsare kom ihåg mitt tidigare val. Lösningen stavades Inkognitofönster.

  3. Svenska språket = 🤖❓: Våra vackra bokstäver å, ä och ö förvandlades till hieroglyfer ("ä"). Ett klassiskt teckenkodningsfel som Gemini snabbt städade upp genom att byta till HTML-koder (som ä).

Vad lärde vi oss?

Detta experiment bevisar varför vi älskar det vi gör på Zorc. AI är ett helt fantastiskt verktyg för att skriva kod och lära sig ny teknik rekordsnabbt. Men – och det är ett stort men – AI:n behöver en kapten. Utan vår kunskap om GDPR, användarvänlighet och kravställning hade vi slutat med en olaglig, ful och minneskrävande popup.

Med rätt expertis bakom spakarna kan man dock bygga magi på en eftermiddag.