# KodeKid

> KodeKid is a one-person studio building web products end to end — design, front-end, backend, shipped live.

Every case study on this site links to something running in production rather
than a mockup. The site is published in English at the paths below and in
Danish under /da.

## English

- [KodeKid](https://www.kodekid.app/): Products taken from idea to something people pay for — built, shipped and running.
- [Services](https://www.kodekid.app/services): What KodeKid can be hired to build — digital products, ordering flows, plugins, landing pages and games — with price examples.
- [About The Kid](https://www.kodekid.app/about): KodeKid is a one-person studio building web products end to end — design, front-end, backend, shipped live.
- [Behind the site](https://www.kodekid.app/behind-the-scenes): How kodekid.app itself is built for speed, SEO, GEO and AEO — measured, not guessed.
- [Notes from the build](https://www.kodekid.app/guides): Notes on what actually happened building KodeKid — measured, not guessed.

### Work that ships

- [Klokly — time tracking, reinvented through simplicity](https://www.kodekid.app/cases/klokly): A lightweight time-tracking app built to make it natural to keep track of where the time goes. Instead of heavy project-management tooling, Klokly does one thing: a clock experience that feels fast and present.
- [WordPress Built from Scratch](https://www.kodekid.app/cases/larssohl-dk-wordpress-site-homemade-diy-vibe-code): I designed and developed the WordPress theme for larssohl.dk entirely from scratch. The site works as both a portfolio, a digital playground and a technical showcase, and goes far beyond a traditional WordPress website.
- [Monster Builder](https://www.kodekid.app/cases/build-amonster-by-your-voice-and-face): Monster Builder is an interactive browser-based experiment that guides the user through the process of creating a personal monster via a futuristic “biometric reading.” The interface uses a laboratory and sci-fi-inspired visual language, with concepts such as Landmarks, Biometric Reading, and DNA Lock, making the experience feel like a blend of a monster generator, biometric scanner, and digital experiment.
- [Bane Status — real-time track status, straight from your phone](https://www.kodekid.app/cases/amager-motocross-track-manager-pwa-app): A WordPress plugin and companion PWA built so motocross track managers can flip the track's status — open or closed — from their phone in seconds, with the change showing live on the club's homepage.
- [Word Drop — dramatic text overlays, dropped straight from your phone](https://www.kodekid.app/cases/word-drop-pwa-plugin-for-wordpress-sits): A WordPress plugin and companion PWA that lets you send large, animated text overlays live onto your website — directly from your phone's home screen, no computer needed.
- [80' Acade Game - Cosmic Tunnel v3.1.0](https://www.kodekid.app/cases/cosmic-retro-tunnel-game): A small mobile-optimized browser game built from scratch with a focus on gameplay, atmosphere and an experience that works just as well on a phone as it does on a computer.
- [Neon Breach — Synthwave Invasion. Mobile game.](https://www.kodekid.app/cases/neon-breach-online-game): A synthwave-inspired arcade shooter built from the ground up for the browser. A small, fast and uncompromising game packed with neon, enemies, bosses and a healthy dose of 80s arcade spirit — designed to work equally well on desktop and mobile.
- [Automatiq — automation that never phones home](https://www.kodekid.app/cases/automatiq-sms-automation): Six ways to fire an SMS — a schedule, a tap, an incoming text, a missed call, arriving somewhere, plugging in a charger — all funnelled through a single send path, on a phone with no account behind it and no server to call. Built for myself, in the open, because everything on the Play Store wanted a subscription to do it worse.
- [From email chaos to a custom label production app](https://www.kodekid.app/cases/from-email-chaos-to-production-app): Label production sounds simple. Until someone needs a quote for a new label, and the information arrives in five different emails, two PDF files, a few attachments and a message saying “I think everything should be there now.”
- [Mr. Blender Render](https://www.kodekid.app/cases/blender-render-farm): ## A private render farm for Blender 3D A desktop application I built to turn the computers already available in a home or studio into a private Blender render farm.
- [One click, and the folder structure is already right](https://www.kodekid.app/cases/automatic-folder-structure): A Chrome extension that builds the complete, correctly named job folder the moment a new job starts — so folder structure stops being something anyone has to remember.
- [Enebakken — a tiny house in Sweden with a surprisingly long checklist](https://www.kodekid.app/cases/tiny-house-in-sweden): Enebakken is a small website and PWA I built for my parents-in-law's little house in Sweden. It is a very simple house. No electricity, no running water, and no smart home system to tell you what you forgot before driving back to Denmark.

### Notes from the build

- [Google Doesn’t Hate AI Content—It Hates Content That Adds No Value.](https://www.kodekid.app/guides/google-hader-ikke-ai-indhold-kun-vaerdiloest-indhold): Google doesn’t penalize AI-generated content simply because it’s AI-generated. See what Google’s own spam and quality guidelines actually say—and what that means for you. ([developers.google.com][1]) [1]: https://developers.google.com/search/docs/fundamentals/using-gen-ai-content?trk=public_post_comment-text&utm_source=chatgpt.com "Google Search's Guidance on Generative AI Content on Your Website | Google Search Central | Documentation | Google for Developers"
- [Moving Motion Graphics Closer to the Idea](https://www.kodekid.app/guides/moving-motion-graphics-closer-to-the-idea): How pairing Claude with code-based animation lets me test a motion graphics idea in minutes instead of days, and why that changes what I dare to attempt.
- [Is the SaaS Model Being Turned Upside Down](https://www.kodekid.app/guides/is-the-saas-model-being-turned-upside-down): Software as I Want It: Is the SaaS Model Being Turned Upside Down? I have a small provocation. For years, we have been asking: Which software should we buy? Maybe that question is becoming less important. The more interesting question might be: What software do we actually need? I call the idea Software as I Want It. Not because SaaS is going away. It isn't. But because AI, cloud platforms, APIs and new development tools are changing the relationship between a company and the software it uses.
- [Can a Vibe-Coded Website Rank on Google and AI Search?](https://www.kodekid.app/guides/can-a-vibe-coded-website-rank-on-google-and-ai-search): Vibe coding builds a website fast. Here's how I make AI-built sites and landing pages discoverable by Google, AI Overviews and ChatGPT Search.
- [Fake or real: Do consumers not care, as long as the product is good?](https://www.kodekid.app/guides/fake-or-real-does-the-consumer-care-if-the-product-is-good): Will consumers stop caring whether a product or piece of content is AI-generated? A look at the data, the EU’s new labelling requirements and what this means for businesses.
- [Bits & Pretzels 2026: Meeting the People Building the Future](https://www.kodekid.app/guides/bits-and-pretzels-2026-meeting-the-people-building-the-future): I went to Bits & Pretzels in Munich looking for interesting conversations. I came back with new ideas, new connections and a stronger feeling that the future is something we build together.
- [Vibe coding is only the beginning](https://www.kodekid.app/guides/vibe-coding-is-only-the-beginning): I build digital solutions from the outside in and the inside out. Vibe coding has changed the way I build websites and web apps. I can go from an idea to a working prototype remarkably fast. AI can write code, generate components, connect APIs, create databases and help solve technical problems while I build.
- [Vibe Coding Is Only Half the Job](https://www.kodekid.app/guides/vibe-coding-is-only-half-the-job): Making AI-Built Websites Searchable, Understandable and Agent-Ready Vibe coding has changed how websites and web apps are built.
- [Playful with pixels: why I build it all myself](https://www.kodekid.app/guides/playful-with-pixels-why-i-build-it-all-myself): A personal insight into being an art director, photographer and full-stack developer all in one – and why it makes the work simpler, not harder.
- [How I Built a Custom WordPress Website with AI](https://www.kodekid.app/guides/how-i-built-a-custom-wordpress-website): A concrete look at how I used Claude to build a custom WordPress theme, a tailored backend, and a plugin for live track status.
- [Static first: Kodekid site shipped with zero backend for a week](https://www.kodekid.app/guides/kodekid-static-first-before-a-backend): Before a database, before auth, before a CMS: a static site with no build step gets a business online today and gets rebuilt without regret.
- [Why GSAP scroll animations jank on phones.](https://www.kodekid.app/guides/mobile-scroll-animation-performance): A real case: a scroll-driven letter-scaling animation stuttered on phones. Measuring the actual raster cost — not guessing — found the fix in one number.

## Dansk

- [KodeKid](https://www.kodekid.app/da): Produkter taget fra idé til noget folk betaler for — bygget, sendt live og i drift.
- [Ydelser](https://www.kodekid.app/da/services): Hvad KodeKid kan hyres til — digitale løsninger, bestillingsflow, plugins, landing pages og spil — med priseksempler.
- [Om Kode Drengen](https://www.kodekid.app/da/about): KodeKid er et enmandsstudie der bygger webprodukter hele vejen — design, front-end, backend, sendt live.
- [Bag om siden](https://www.kodekid.app/da/behind-the-scenes): Hvordan kodekid.app selv er bygget til hastighed, SEO, GEO og AEO — målt, ikke gættet.
- [Noter fra byggeriet](https://www.kodekid.app/da/guides): Noter om hvad der faktisk skete under byggeriet af KodeKid — målt, ikke gættet.

### Arbejde der bliver sendt live

- [Klokly — tidsregistrering gentænkt gennem enkelhed](https://www.kodekid.app/da/cases/klokly): En enkel tidsregistreringsapp, der gør det naturligt at holde styr på, hvor tiden bliver brugt. I stedet for tunge projektstyringsværktøjer gør Klokly én ting: Giver dig en timeroplevelse, der føles hurtig, enkel og nærværende.
- [WordPress bygget fra bunden](https://www.kodekid.app/da/cases/larssohl-dk-wordpress-site-homemade-diy-vibe-code): Jeg har selv designet og udviklet WordPress-temaet til larssohl.dk fra bunden. Siden fungerer både som portfolio, digital legeplads og teknisk showcase og er bygget langt ud over et traditionelt WordPress-site.
- [Monster Builder](https://www.kodekid.app/da/cases/build-amonster-by-your-voice-and-face): Monster Builder er et interaktivt browserbaseret eksperiment, hvor brugeren gennem en futuristisk “biometric reading” bliver ført ind i processen med at skabe et personligt monster. Interfacet bruger et laboratorie-/sci-fi-inspireret visuelt sprog med begreber som Landmarks, Biometric Reading og DNA Lock, hvilket får oplevelsen til at føles som en blanding af monster-generator, biometrisk scanning og digitalt eksperiment.
- [Word Drop — dramatiske tekstoverlays, sendt direkte fra din telefon](https://www.kodekid.app/da/cases/word-drop-pwa-plugin-til-wordpress-web-sider): Et WordPress-plugin og en tilhørende PWA, der lader dig sende store, animerede tekstoverlays live på din hjemmeside — direkte fra telefonens hjemmeskærm, uden behov for en computer
- [Bane Status — status på banen i realtid, direkte fra mobilen](https://www.kodekid.app/da/cases/amager-motocross-bane-leder-app): Et WordPress-plugin og en tilhørende PWA, udviklet så motocrossbanens ansvarlige kan ændre banens status — åben eller lukket — fra mobilen på få sekunder. Ændringen vises live på klubbens hjemmeside.
- [Neon Breach — Synthwave Invasion. Mobil spil](https://www.kodekid.app/da/cases/neon-breach-online-game): Et synthwave-inspireret arcade-shooter bygget fra bunden til browseren. Et lille, hurtigt og kompromisløst spil med neon, fjender, bosser og en god portion 80'er-arcade-stemning — designet til at fungere både på computer og mobil.
- [80' Acade Game - Cosmic Tunnel v3.1.0](https://www.kodekid.app/da/cases/cosmic-retro-tunnel-spil): Et lille mobiloptimeret browser-spil bygget fra bunden med fokus på gameplay, stemning og en oplevelse, der fungerer lige så godt på en telefon som på en computer.
- [Automatiq — Intelligent SMS automatisering](https://www.kodekid.app/da/cases/automatiq-sms-automation): Seks måder at sende en SMS på — en tidsplan, et tryk, en indgående besked, et ubesvaret opkald, ankomst til et sted eller tilslutning af en oplader — alt sammen samlet gennem én enkelt sendesti på en telefon uden nogen konto bagved og uden en server at kontakte. Bygget til mig selv, åbent og transparent, fordi alt i Play Store ville have et abonnement for at gøre det dårligere.
- [Fra e-mailkaos til en skræddersyet label-produktionsapp](https://www.kodekid.app/da/cases/from-email-chaos-to-production-app): Labelproduktion lyder simpelt. Lige indtil nogen skal bruge et tilbud på en ny label, og informationen kommer i fem forskellige e-mails, to PDF-filer, en håndfuld vedhæftninger og en besked med teksten: “Jeg tror, det hele burde være der nu.”
- [Mr. Blender Render](https://www.kodekid.app/da/cases/blender-render-farm): ## En privat renderfarm til Blender 3D En desktopapplikation, jeg har bygget for at omdanne de computere, der allerede findes i hjemmet eller studiet, til en privat Blender-renderfarm.
- [Et enkelt klik, og mappestrukturen er allerede på plads](https://www.kodekid.app/da/cases/automatisk-folder-struktur): En Chrome-udvidelse, der opretter den komplette jobmappe med de korrekte navne, så snart et nyt job starter — så mappestrukturen ikke længere er noget, man skal huske på.

### Noter fra byggeriet

- [Google hader ikke AI-indhold – kun værdiløst indhold](https://www.kodekid.app/da/guides/google-hader-ikke-ai-indhold-kun-vaerdiloest-indhold): Google straffer ikke AI-genereret indhold i sig selv. Se hvad Googles egne spam- og kvalitetspolitikker faktisk siger – og hvad det betyder for dig.
- [Motion graphics med Claude: fra idé til video, hurtigere](https://www.kodekid.app/da/guides/motion-graphics-med-claude-fra-ide-til-video-hurtigere): Hvordan Claude som kodepartner ændrer motion graphics-workflowet hos KodeKid – fra løs idé til fungerende prototype på rekordtid.
- [Software as I Want It](https://www.kodekid.app/da/guides/software-som-jeg-vil-have-den): # Jeg har en lille provokation. Vi har brugt de sidste år på at spørge: Hvilken software skal vi købe? Måske bliver det spørgsmål mindre vigtigt. **Det interessante spørgsmål bliver i stedet:** Hvilken software har vi faktisk brug for? Jeg kalder tanken Software as I Want It. Ikke fordi SaaS forsvinder. Det gør det ikke. Men fordi AI, cloud-platforme, API'er og nye udviklingsværktøjer ændrer forholdet mellem virksomheden og den software, den bruger.
- [Software as I Want It: Vendes SaaS på hovedet?](https://www.kodekid.app/da/guides/software-as-i-want-it-vendes-saas-paa-hovedet): AI, cloud-primitiver og API'er ændrer buy-vs-build-regnestykket. Et bud på hvorfor SaaS ikke dør, men flytter ned i stakken.
- [Kan en vibe-codet hjemmeside ranke på Google?](https://www.kodekid.app/da/guides/kan-en-vibe-codet-hjemmeside-ranke-paa-google): Kan en vibe-codet hjemmeside findes på Google og i AI-søgning? Sådan bygger jeg SEO, struktur og discoverability ind fra starten – ikke bagefter.
- [Fake or real: Er forbrugeren ligeglad, hvis produktet er godt?](https://www.kodekid.app/da/guides/fake-or-real-er-forbrugeren-ligeglad-hvis-produktet-er-godt): Bliver forbrugeren ligeglad med, om et produkt eller indhold er AI-genereret? Et kig på data, EU's nye mærkningskrav og hvad det betyder for virksomheder.
- [Vibe coding er kun halve arbejdet: SEO, GEO og AEO i praksis](https://www.kodekid.app/da/guides/vibe-coding-er-kun-halve-arbejdet-seo-geo-og-aeo-i-praksis): Et AI-bygget website, der virker, er ikke det samme som et website, der kan findes, forstås og bruges af mennesker, søgemaskiner og AI-agenter.
- [Static first: Kodekid hjemmesiden kørte uden backend i en uge](https://www.kodekid.app/da/guides/kodekit-koerte-uden-backend): Før en database, før brugergodkendelse, før et CMS: en statisk hjemmeside uden build-trin får en virksomhed online i dag og kan genopbygges uden fortrydelse.
- [Sådan byggede jeg et custom WordPress-website med AI](https://www.kodekid.app/da/guides/custom-wordpress-website-bygget-med-ai): ## Udgangspunkt: ingen færdige temaer Jeg skulle bruge et nyt website, men ville ikke starte med et tema fra WordPress.org eller ThemeForest. Grunden er teknisk, ikke æstetisk: et færdigt tema kommer med sine egne antagelser om, hvordan indhold skal struktureres, hvilke hooks der er tilgængelige, og hvordan customizer-felterne hænger sammen. Når man vil bygge noget specifikt, ender man ofte med at kæmpe imod temaets struktur frem for at bruge den. Så jeg valgte at bygge et custom-tema fra bunden uden child-tema — min egen functions.php, mine egne skabelonfiler og mine egne ACF-felter (Advanced Custom Fields) til de indholdsblokke, jeg faktisk havde brug for på forsiden: slideshow, CTAs, galleri.
- [Legesyg med pixels: hvorfor jeg bygger det hele selv](https://www.kodekid.app/da/guides/legesyg-med-pixels-hvorfor-jeg-bygger-det-hele-selv): Et personligt indblik i at være art director, fotograf og full stack-udvikler i én person – og hvorfor det gør arbejdet enklere, ikke sværere.
- [Hvorfor GSAP scroll-animationer hakker på mobilen](https://www.kodekid.app/da/guides/mobile-scroll-animationer-akker-paa-mobilen): En rigtig case: En scroll-styret animation, hvor bogstaver blev skaleret, hakkede på telefoner. Ved at måle den faktiske rasteriseringsomkostning — i stedet for at gætte — viste løsningen sig at ligge i ét tal.
- [Hvorfor nøjes med et WordPress-tema, når man kan bygge sit eget?](https://www.kodekid.app/da/guides/jeg-byggede-min-egen-wordpress-hjemmeside-fra-bunden-med-ai): Jeg byggede min egen WordPress-hjemmeside fra bunden med AI, custom kode og en specialbygget backend. En case om design, vibe coding og WordPress-udvikling.

## Notes

- Contact: hello@larssohl.dk
- Sitemap: https://www.kodekid.app/sitemap.xml
- Prices on the services page are ranges in DKK, excluding VAT.