Kursen Del 3

Spara data så att den finns kvar

Det här är delen där appen går från leksak till verktyg, och den enda delen i kursen där du behöver förstå en teknisk skillnad. Den är inte svår: data kan ligga i besökarens webbläsare eller i en databas. Det första försvinner, det andra gör det inte. Nästan varje förvånad vibecodare har blivit förvånad över precis den här skillnaden.

27 jul 2026

Del 2, Första versionen som faktiskt fungerar, slutade med en app som glömmer allt vid omladdning. Det åtgärdar vi nu.

Målet med del 3

Du fyller i en anmälan, laddar om sidan, och anmälan är kvar. Du öppnar appen på telefonen och ser samma lista. Dessutom finns det ett tak för antal platser, och en knapp som laddar ned listan som en fil.

Skillnaden i två meningar

Data i webbläsaren finns bara hos den som skrev in den, och bara tills fliken stängs. Data i en databas finns på en dator som är påslagen dygnet runt, och alla som öppnar appen ser samma sak.

Din app har hittills använt det första. Nu byter vi till det andra. För en anmälningslista i en förening kostar det oftast ingenting — det är storlekar som ligger långt under alla gratisgränser.

Frågan att ställa först, ordagrant

Tre nej betyder att du är där vi tror att du är. Om något av svaren är ja — läs svaret noga, för då sparas något redan någonstans och du behöver veta var.


Beställningen som byter lagring

Det här är kursens största enskilda steg. Därför får det vara ensamt — beställ ingenting annat i samma andetag.

Beställning 3

Anmälningarna ska sparas i en databas i stället för i webbläsaren, så att de finns kvar efter omladdning och syns för alla som öppnar appen.

Använd den enklaste lagring som det här verktyget erbjuder — jag behöver inte välja teknik själv, men berätta vad du väljer och varför. Spara namn, mejladress och tidpunkt för anmälan.

Ändra ingenting i hur formuläret ser ut eller fungerar i övrigt.

Beskriv först planen: vad du lägger till, vad som händer med de anmälningar som redan finns, och om något behöver kopplas in eller kostar pengar. Bygg ingenting förrän jag godkänner.

Läs planen extra noga i det här steget

Provet: tre enheter

1
Anmäl dig. Ladda om sidan. Är anmälan kvar? Det här är hela poängen med delen.
2
Öppna appen på telefonen. Syns samma anmälan där? Om inte ligger data fortfarande lokalt, oavsett vad du blivit lovad.
3
Anmäl någon från telefonen, titta på datorn. Nu ska båda finnas på båda enheterna. Klarar appen det här är lagringen på plats.

Fungerade det: spara en punkt med namnet "Anmälningar sparas i databas". Det är den viktigaste punkten i hela projektet.


Två små steg medan du är här

Nu när data ligger på rätt plats är två tillägg både billiga och värdefulla. Ett i taget, med prov emellan.

Beställning 4

Lägg till ett tak på 30 platser. Ovanför formuläret ska det stå hur många platser som återstår. När taket är nått ska formuläret ersättas med texten Aktiviteten är fullbokad och inga fler anmälningar tas emot.

Kontrollen av taket måste ske där data sparas, inte bara i det som visas — annars kan två personer anmäla sig samtidigt till sista platsen. Förklara i planen hur du löser det.

Beställning 5

Lägg till en knapp på listsidan som laddar ned alla anmälningar som en fil jag kan öppna i ett kalkylprogram, med kolumnerna namn, mejladress och tidpunkt.

Nedladdningen är den billigaste försäkring du kan skaffa. Den dagen du byter verktyg, eller något går riktigt fel, är den skillnaden mellan en olycka och en olägenhet.


Innan du går vidare

En anmälan överlever omladdning.
Samma lista syns på dator och telefon.
Taket fungerar, och kontrollen sker där data sparas.
Du har laddat ned filen en gång och öppnat den, så du vet att den fungerar.
Du vet vad lagringen kostar och var data ligger geografiskt.
Nästa del
Gör den användbar för någon annan än dig