SV EN
Tankar

Så byggde jag en riktig app utan att kunna programmera — steg för steg

Familjegaraget började som en idé vid köksbordet och slutade som en inskickad app i App Store. Här är hela resan — med varje verktyg och tjänst i varje steg — skriven för dig som inte är tekniker men undrar om du skulle kunna göra samma sak. Spoiler: det kan du.

Juli 2026 Christian Sjöström
← Alla tankar

Jag har jobbat med IT-projekt i över 20 år — men som projektledare, inte som utvecklare. Jag har aldrig kunnat programmera. Ändå har jag byggt Familjegaraget: en fungerande familjeapp med inloggning, poängsystem för sysslor, bokningar av familjens prylar och realtidsuppdateringar mellan familjemedlemmarnas telefoner. Byggd på kvällar och helger, publicerad på webben och inskickad till Apples App Store.

Det här är inte en artikel om hur fantastisk AI är. Det är en bruksanvisning. Jag går igenom exakt vilka verktyg jag använde, i vilken ordning, vad de kostar och vad du behöver kunna (väldigt lite). Om du kan skriva ett mejl och beskriva vad du vill ha, har du de förkunskaper som krävs.

~30 htotal byggtid, kvällar och helger
0rader kod skrivna av mig själv
~1 500 kri fasta årskostnader*

/ 01Prata fram idén med en AI-assistent

Allt började i en vanlig chatt. Jag beskrev vårt familjeproblem: sysslor som ingen ville göra, prylar som dubbelbokades, tjat om skärmtid. Jag bad AI:n hjälpa mig tänka: Vad borde en sådan app kunna? Vad är minsta möjliga version? Vad är svårt och vad är enkelt?

Det här steget är viktigare än det låter. Hoppa inte över det. En timmes bra dialog här sparar tio timmar senare. Be AI:n vara djävulens advokat: "Vad har jag missat? Vad kommer bli krångligt?"

Verktyg i det här steget
Claude (claude.ai)
AI-assistent från Anthropic. Gratis att börja med; betalversionen kostar cirka 200 kr/månad och behövs när du bygger på allvar. Här bollade jag idén, kravlistan och prioriteringarna.

/ 02Skaffa verktyget där appen byggs

Nästa steg är att ladda ner Cursor — ett program som ser ut som en kodeditor (för det är det), men med en avgörande skillnad: det har en inbyggd AI som skriver koden åt dig. Du skriver på svenska i en chattruta vad du vill ha, och AI:n skapar och ändrar filerna i ditt projekt.

Låt dig inte skrämmas av att gränssnittet ser tekniskt ut. Du kommer i princip bara använda två saker: chattrutan och knappen som förhandsvisar din app. Koden som rullar förbi behöver du aldrig förstå — men det är ändå fascinerande att se den växa fram.

Verktyg i det här steget
Cursor (cursor.com)
AI-kodeditor. Cirka 200 kr/månad. Här byggdes hela Familjegaraget. Inuti Cursor valde jag Claude som AI-modell — samma "hjärna" som i steg 1, fast nu med händerna på tangentbordet.
Tips: Klistra in hela din kravlista från steg 1 som första meddelande i Cursor och skriv: "Bygg en första enkel version av det här. Förklara vad du gör som om jag aldrig sett kod." AI:n sätter då själv upp projektet med rätt teknik.

/ 03Bygg appen — en funktion i taget

Familjegaraget är byggt med något som heter Next.js — ett ramverk för moderna webbappar. Det behöver du inte förstå. Det räcker att veta att AI:n valde det åt mig och att det är samma teknik som riktiga företag använder. Din uppgift är inte att kunna tekniken, utan att vara beställare: beskriva, testa, ge återkoppling.

Mitt arbetssätt blev snabbt en rytm: be om en sak i taget ("nu vill jag att barnen ska kunna bocka av en syssla och få poäng"), titta på resultatet i förhandsvisningen, och beskriva vad som ska ändras ("knappen är för liten, och poängen ska synas direkt utan att ladda om sidan"). Precis som att ge återkoppling till en konsult — fast konsulten svarar på tre sekunder.

När något gick sönder (och det gör det) klistrade jag in felmeddelandet i chatten och skrev "det här hände, fixa det". Det löste 95 procent av alla problem. Resterande 5 procent löstes av att be AI:n "börja om med en annan lösning på det här problemet".

Verktyg i det här steget
Cursor + Claude
Samma som i steg 2 — nu i intensiv dialog. Det här är steget där de flesta av mina ~30 timmar lades.
Next.js
Tekniken appen är byggd i. Gratis och öppen källkod. Du väljer den inte själv — AI:n gör det — men det är bra att känna igen namnet.

/ 04Ge appen ett minne: databas och inloggning

En app utan databas glömmer allt när du stänger den. För att familjens sysslor, poäng och bokningar skulle sparas — och för att varje familjemedlem skulle kunna logga in med eget konto — behövdes en databastjänst. Jag använde Supabase.

Det låter avancerat men var förvånansvärt enkelt: skapa ett gratiskonto på deras webbplats, kopiera två långa nycklar (som lösenord för appen) och klistra in dem där AI:n säger åt dig. Sedan sköter AI:n resten: den skapar tabellerna, kopplar inloggningen och bygger till och med realtidsfunktionen som gör att när ett barn bockar av en syssla, uppdateras förälderns skärm direkt.

Verktyg i det här steget
Supabase (supabase.com)
Databas, inloggning och realtidsuppdateringar i ett. Gratis för små projekt; Familjegaraget klarade sig länge på gratisnivån.

/ 05Publicera på webben — med egen adress

Så länge appen bara finns på din dator kan ingen annan använda den. Publiceringen sköttes av Vercel — en tjänst som tar din kod och lägger ut den på internet, automatiskt, varje gång du gör en ändring. AI:n i Cursor guidade mig genom hela kopplingen.

Jag köpte också domänen familjegaraget.se hos Loopia, en svensk domänleverantör, och pekade den mot Vercel. Även det med AI:n som lots: jag skrev "jag har köpt en domän på Loopia, hur kopplar jag den?" och fick en steg-för-steg-lista att följa.

Verktyg i det här steget
Vercel (vercel.com)
Hosting — där appen "bor" på internet. Gratis för hobbyprojekt.
Loopia (loopia.se)
Svensk domänregistrar. En .se-domän kostar några hundralappar per år.

/ 06Lär appen skicka mejl

När någon skapar konto eller glömmer sitt lösenord behöver appen kunna skicka mejl. För det använde jag Resend — en tjänst byggd just för att appar ska kunna skicka e-post. Jag bad AI:n koppla ihop Resend med Supabase och skriva alla mejlmallar på svenska, i appens grafiska stil. En kvälls jobb, klart.

Verktyg i det här steget
Resend (resend.com)
E-postutskick för appar. Generös gratisnivå som räcker gott för en familjeapp.

/ 07Testa med riktiga användare — och rätta buggarna

Det här steget kräver inget nytt verktyg, men det är det viktigaste av alla: låt riktiga människor använda appen. Vi började med vår egen familj, sedan pilotfamiljer. Varje "det här är konstigt" och "varför försvann min bokning?" blev en punkt på en rättningslista som jag betade av i Cursor, exakt som i steg 3.

Min erfarenhet efter 20 år i IT-projekt gäller även här: buggarna du hittar själv är hälften. Resten hittar användarna. Planera för det — det är normalt, inte ett misslyckande.


/ 08Förvandla webbappen till en iPhone-app

Nu blev det ett snäpp mer tekniskt — men fortfarande fullt görbart med AI:n som guide. En webbapp kan förpackas till en "riktig" app med ett verktyg som heter Capacitor. Enkelt uttryckt bygger Capacitor ett tunt skal runt din webbapp så att den kan installeras från App Store som vilken app som helst.

För att bygga iOS-appar behöver du två saker till: en Mac (Apples eget krav — det går inte på Windows) och programmet Xcode, som är gratis och laddas ner från Mac App Store. AI:n skrev alla Capacitor-inställningar åt mig; min uppgift var att klicka på rätt knappar i Xcode enligt instruktionerna och testa appen — först i en simulerad iPhone på datorskärmen, sedan på min riktiga telefon.

Verktyg i det här steget
Capacitor (capacitorjs.com)
Gratis verktyg som förpackar webbappen till en iOS-app (och Android, när det blir aktuellt).
Xcode
Apples utvecklingsprogram. Gratis, men kräver en Mac.
Apple Developer Program
Medlemskap som krävs för att få publicera i App Store. 99 USD per år — den enda riktigt obligatoriska kostnaden i hela resan.

/ 09Gör i ordning allt Apple kräver

Apple släpper inte in vad som helst i App Store, och det finns en checklista att ta sig igenom. Ingen punkt är svår, men de är många. Här är vad jag gjorde — med AI-hjälp på varenda punkt:

Appikon. Ikonen behövs i en hel uppsättning storlekar. AI:n genererade hela paketet från en enda originalbild.

Integritetspolicy och supportsida. Apple kräver publika webbsidor för båda. AI:n skrev dem på svenska, i appens grafiska profil, och de ligger nu på familjegaraget.se.

App Store Connect. Apples portal där appens "butikssida" fylls i: beskrivning, sökord, skärmbilder, åldersgräns och så kallade Privacy Labels — en deklaration av vilka uppgifter appen hanterar. Jag skrev beskrivningstexterna tillsammans med AI:n och fyllde i deklarationen med AI:n som bollplank för varje fråga.

Verktyg i det här steget
App Store Connect (appstoreconnect.apple.com)
Apples portal för allt kring publiceringen. Ingår i utvecklarmedlemskapet.
Claude
Skrev policytexter, butiksbeskrivning och hjälpte mig tolka Apples krav och riktlinjer.

/ 10Skicka in — och vänta på Apples granskning

Sista steget: i Xcode väljer man Product → Archive, som paketerar den färdiga appen, och sedan Distribute App, som laddar upp den till App Store Connect. Där väljer man sitt bygge, bifogar ett demokonto så att Apples granskare kan logga in och testa, skriver några rader till granskaren — och trycker på knappen.

Sedan väntar man. Apple granskar varje app manuellt, oftast inom några dagar. Ibland kommer appen igenom direkt, ibland får man en anmärkning att åtgärda och skicka in på nytt. Det är en del av processen, inte ett underkännande av dig.


Vad kostar det — och vad krävs egentligen?

Räknar man ihop det: Claude och Cursor på cirka 200 kr/månad vardera medan du bygger aktivt, Apples utvecklarmedlemskap på 99 USD/år, en domän för några hundralappar per år. Supabase, Vercel, Resend och Capacitor klarar sig på gratisnivåerna för ett projekt i den här storleken. Totalt landar det kring 1 500 kronor om året i fasta kostnader, plus AI-abonnemangen de månader du bygger.

Det som däremot krävs är något annat än pengar och teknikkunskap: tydlighet. Förmågan att beskriva vad du vill ha, testa noga och ge konkret återkoppling. Det är, kanske inte helt förvånande, samma förmågor som gör en bra beställare i vilket IT-projekt som helst. Skillnaden är att din "leverantör" nu svarar på sekunder, aldrig blir sur på ändringar och kostar en tusenlapp i månaden.

Mitt bästa råd: Börja inte med att lära dig verktygen. Börja med ett problem du själv har på riktigt — då vet du exakt hur appen ska fungera, och du orkar hela vägen till mål. Familjegaraget finns för att min egen familj behövde det.

Nyfiken på verktygen som nämns i guiden? Jag har skrivit en överflygning av hela AI-verktygslandskapet 2026. Och resultatet av allt det här hittar du på familjegaraget.se.

* Fasta årskostnader: Apple Developer Program och domän. AI-abonnemang tillkommer de månader du bygger aktivt. Priser och gratisnivåer gäller juli 2026 och kan ändras.

Vill du följa experimenten?

Jag delar löpande vad jag bygger, testar och lär mig — både här och på LinkedIn.