Bildguide: installera community-versionen

Kontonomkring 25–30 min

Steg 1. Ta fram mejladressen och en lösenordshanterare

Välj Mac eller Windows högst upp, så visas bara din variant

Mac

Innan något annat: bestäm vilken mejladress du använder på alla konton, och ha en lösenordshanterare öppen bredvid. Appen Lösenord finns redan på din Mac och i din iPhone — den räcker. Du skapar tre konton i den här delen. Community-versionen har ingen AI, så du behöver inget konto hos någon AI-leverantör — det står inte här av misstag. Alla är gratis att skapa, och alla blir dina.

Windows

Innan något annat: bestäm vilken mejladress du använder på alla konton, och ha en lösenordshanterare öppen bredvid. Windows har ingen inbyggd lösenordshanterare värd namnet. Bitwarden är gratis och fungerar på både dator och telefon; Chromes och Edges inbyggda duger till kontona men inte till långa nycklar. Du skapar tre konton i den här delen. Community-versionen har ingen AI, så du behöver inget konto hos någon AI-leverantör — det står inte här av misstag. Alla är gratis att skapa, och alla blir dina.

1. GitHub: Här förvaras din kopia av koden; Ungefär som en molnmapp för programkod. Kontot är också inloggningen till de två nästa. Cirka 10 minuter.
2. Vercel: Här körs appen, på din egen adress; Det är Vercel som gör sidorna nåbara på nätet. Du loggar in med GitHub-kontot. Cirka 5 minuter.
3. Supabase: Här bor din bokföring; Databasen med varje verifikation, faktura och kvitto. Du loggar in med GitHub-kontot. Cirka 5 minuter.

Nu ser du:

Du har en mejladress och en lösenordshanterare framme, och vet vilka konton som ska skapas och varför. Ingenting är gjort än.

Det som inte går att återskapa är åtkomsten till kontona: mejladressen, lösenorden och reservkoderna. Nycklarna du skapar längre fram går alltid att göra om — tappar du en skapar du en ny på två minuter. Lägg din omsorg på kontona, inte på nycklarna.

Något gick fel? 2 vanliga orsaker

Måste jag ha en lösenordshanterare, räcker inte ett papper?

Papper är faktiskt rätt medium för två saker: reservkoderna till GitHub och en lapp som säger var allt annat finns. Men nycklarna i den här guiden är 200 tecken långa slumpsträngar som inte går att skriva av för hand utan fel. Ha båda: hanteraren för det långa, papperet för det som låser upp hanteraren.

Kan jag använda min vanliga privata mejladress?

Ja. Det viktiga är att du kommer åt den nu, för alla tre tjänsterna skickar en bekräftelse dit, och att du inte tappar bort den — den är vägen tillbaka till alla konton.

Steg 2. Skapa GitHub-kontot och slå på tvåstegsinloggningen

Knappen nedan öppnar registreringssidan direkt, så du slipper leta: den heter Sign up och ligger annars längst upp till höger på github.com. Ordningen på sidan är: mejladress, lösenord, användarnamn, och en fråga om du vill ha produktmejl (svara nej om du vill). Användarnamnet är värt en tanke — det syns i varje adress du skapar sedan. Skriv in det i rutan Fyll i dina två värden här, som står direkt efter den här delen om konton, så fyller guiden i det åt dig i varje kommando längre ner.

Öppna github.com/signup

Du klickar:Create account

Efter användarnamnet: pusslet: Verifiera att du är människa; GitHub visar en bilduppgift, ibland flera i rad. Att den kommer igen betyder inte att du svarat fel eller att något är trasigt — det är normalt. Finns en ljudknapp fungerar den lika bra.
Sedan: en sifferkod i mejlen: launch code; GitHub mejlar en kod på några siffror som du skriver in på sidan. Leta alltså inte efter en länk att klicka på. Kommer den inte: kolla skräpposten.
Direkt efter: tvåstegsinloggning: Settings, Password and authentication; GitHub kräver det av alla som lägger upp kod, och påminner tills det är på — gör det direkt så slipper du bli avbruten senare. Välj Authenticator app och skanna rutan med en app i telefonen: Google Authenticator, Microsoft Authenticator, eller appen Lösenord på iPhone (Konfigurera verifieringskod).
Sista och viktigaste momentet: Download / Save recovery codes; GitHub visar sexton reservkoder. Spara dem i lösenordshanteraren och skriv gärna ut dem också. Utan dem och utan telefonen finns ingen väg tillbaka in i kontot — och då är även Vercel och Supabase låsta.

github.com, Settings, Password and authentication

Two-factor authenticationKrävs av alla GitHub-konton. Välj Authenticator app och skanna rutan med telefonen.

Recovery codesSexton koder som visas en gång. Spara dem nu — utan dem och utan telefonen finns ingen väg tillbaka in i kontot.

DownloadSave recovery codes

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Du är inloggad på github.com och ser din profilbild uppe till höger. Under Settings, Password and authentication står Two-factor authentication som påslagen, och dina reservkoder ligger sparade.

Något gick fel? 5 vanliga orsaker

Bilduppgiften kommer om och om igen

Det händer, särskilt i webbläsare med hårda spårningsskydd. Prova ljudalternativet, eller öppna github.com/signup i ett vanligt fönster utan tillägg. Kontot skapas inte i onödan medan du håller på — det är samma registrering hela tiden.

Bekräftelsemejlet eller koden kommer inte

Kolla skräpposten först. Kommer det ändå inte: begär en ny kod på sidan, och kontrollera att mejladressen är rättstavad — den syns i fältet ovanför.

Användarnamnet är upptaget

Lägg till något som är ditt: företagsnamnet eller en siffra. Namnet går att byta senare, men då stämmer inte adresserna i den här guiden längre, så välj ett du kan leva med.

Kan jag hoppa över tvåstegsinloggningen och göra den sedan?

Gör den nu. GitHub kräver tvåstegsinloggning av alla som lägger upp kod, och påminner tills den är på — blir den inte påslagen låses kontot till slut. Det är också rätt ordning: kontot bär både Vercel och Supabase, så det är det som är värt att skydda.

Ska jag inte hellre logga in med Google?

GitHub erbjuder Google och Apple. Vi rekommenderar mejladress och lösenord ändå: GitHub-kontot är roten som de andra två hänger på, och en kedja i tre led blir svår att reda ut den dagen något krånglar.

Steg 3. Skapa Vercel-kontot med GitHub-inloggning

Vercel är där appen körs, alltså sidorna du klickar på. Öppna vercel.com/signup och välj Continue with GitHub — då hittar Vercel din kopia av koden av sig självt, och du slipper ett lösenord till. Två rutor kommer efter varandra och de liknar varandra: först godkänner du att Vercel får läsa ditt GitHub-konto, sedan installeras Vercels GitHub-app. Att den andra dyker upp betyder inte att den första gick fel.

Öppna vercel.com/signup

Du klickar:Continue with GitHubAuthorize VercelInstall

I den andra rutan: All repositories; Väljer du i stället Only select repositories måste du komma ihåg att bocka i rätt repo — och det är den vanligaste anledningen till att repot senare inte syns i Vercels lista. All repositories gäller bara ditt eget konto och tar bort hela det felläget.
Plan att välja: Hobby; Hobby är gratis. Ska bokföringen tillhöra en näringsverksamhet säger Vercels villkor att du ska ha Pro (cirka 20 USD i månaden) — Hobby får bara användas privat och icke-kommersiellt. Tekniskt fungerar båda lika bra, och du kan byta plan när som helst utan att sätta upp något på nytt.

Vercels registreringssida med knappen Continue with GitHub — Skärmdump av vercel.com/signup. Välj Continue with GitHub, andra knappen uppifrån.

github.com, Install Vercel

Den andra rutan i ordningen. Den första hette Authorize Vercel — att den här kommer efteråt betyder att allt gick rätt.

All repositoriesGäller bara ditt eget konto. Välj den här.

Only select repositoriesGlöms rätt repo här syns det inte i Vercels lista sedan.

Install

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Du är inne i Vercels panel. Under ditt namn står Hobby (eller Pro), och panelen ber dig importera ett projekt. Vänta med det — koden ska hämtas först.

Något gick fel? 3 vanliga orsaker

Vercel frågar efter ett bankkort

Då är Pro-planen vald. Vill du börja gratis: gå tillbaka och välj Hobby, eller byt plan efteråt under Settings, Billing. Hobby kräver inget kort.

GitHub frågar om Vercel får läsa mina uppgifter

Det är den första av de två rutorna, och den är normal — det är så inloggning med GitHub fungerar. Godkänner du inte kan du i stället registrera dig med mejladress längre ner på sidan, men då hänger inte kontona ihop och importen blir krångligare.

Jag valde Only select repositories, vad gör jag nu?

Ingen fara. Du kan ändra det när som helst: Vercel, Settings, Git, Manage GitHub App Access — eller senare, direkt från importsidan med knappen Adjust GitHub App Permissions.

Steg 4. Skapa Supabase-kontot och din organisation

Supabase är databasen: här hamnar varenda verifikation, faktura och kvitto. Öppna supabase.com och välj Continue with GitHub, precis som hos Vercel. Efter inloggningen ber Supabase dig skapa en organisation — det är en nivå ovanför projektet, ungefär ett företagsnamn att lägga projekt under. Döp den till ditt företagsnamn eller ditt eget namn, välj planen Free och gå vidare. Själva projektet skapar du längre fram i guiden, när koden är på plats.

Öppna supabase.com

Du klickar:Continue with GitHubAuthorize SupabaseCreate organization

Organization name: Ditt företagsnamn; Vad som helst fungerar. Det är bara en etikett ovanför projektet, inte något som syns i bokföringen.
Plan: Free; Räcker hela vägen. Betalnivån (cirka 25 USD i månaden) ger dagliga backuper och tar bort pausen efter sju dagars stillhet — läs rutan längst ner på sidan innan du bestämmer dig.

Supabases registreringssida med knappen Continue with GitHub — Skärmdump av Supabases registreringssida. Översta knappen loggar in med GitHub-kontot du just skapade.

Nu ser du:

Du är inne i Supabases panel, med din organisation skapad och en tom projektlista som frågar efter ditt första projekt.

Något gick fel? 2 vanliga orsaker

Jag tror jag är klar efter organisationen, men ingenting finns

Det är precis så det ser ut. Supabase har två nivåer: organisationen du just skapade, och projektet som är själva databasen. Projektet skapar du i delen Supabase längre ner i guiden — och där väljs regionen, som är viktig och inte går att ändra i efterhand.

Jag registrerade mig med mejladress i stället och fastnade på en bilduppgift

Mejlvägen har samma sorts pussel som GitHub. Det går lika bra, men Continue with GitHub hoppar över det helt och ger dig ett lösenord färre att förvara.

Fyll i dina två värden här

Då står de färdiga i varje kommando och varje fält längre ner, och kopieringsknappen ger en rad du kan klistra in rakt av — ingenting kvar att byta ut för hand. Project-ref får du först när Supabase-projektet skapas om några steg — kom tillbaka hit då, guiden säger till.

Ditt GitHub-användarnamn

Namnet du valde när GitHub-kontot skapades. Det du ser efter github.com/ när du är inloggad.

Din Supabase project-ref

Bokstäverna mitt i din Supabase-adress, https://XXXX.supabase.co. Klistra in hela adressen om du vill, vi plockar ut den delen.

Värdena stannar i den här webbläsarfliken och skickas ingenstans. Stänger du fliken är de borta, och då fyller du i dem igen.

Förberedomkring 5 min

Steg 5. Installera Node.js på datorn

Välj Mac eller Windows högst upp, så visas bara din variant

Mac

Kontona är klara — nu de två verktygen som ska finnas på din egen dator. Node.js är motorn som kör de fem databaskommandona längre fram; själva appen kör hos Vercel och bryr sig inte om vad du har installerat. Ladda ner LTS-versionen, välj macOS Installer (.pkg), kör filen och klicka igenom installationen. Öppna Terminal: tryck cmd + mellanslag, skriv Terminal, tryck Return. Skriv sedan kommandot nedan för att se att det tog.

Windows

Kontona är klara — nu de två verktygen som ska finnas på din egen dator. Node.js är motorn som kör de fem databaskommandona längre fram; själva appen kör hos Vercel och bryr sig inte om vad du har installerat. Ladda ner LTS-versionen, välj Windows Installer (.msi), kör filen och klicka igenom installationen. Öppna PowerShell: tryck Windows-tangenten, skriv PowerShell, tryck Enter. Skriv sedan kommandot nedan för att se att det tog.

Öppna nodejs.org

I terminalen, en rad i taget

node -v

Nu ser du:

Terminalen (Mac) / PowerShell (Windows) svarar med ett versionsnummer, till exempel v22.14.0.

Gratisnivåerna räcker hela vägen, men har två villkor du bör känna till innan bokföringen bor där: Vercels Hobby-plan får bara användas privat och icke-kommersiellt, och Supabase tar inga backuper på Free. Båda står vid stegen där de hör hemma, och i rutorna längst ner.

Något gick fel? 3 vanliga orsaker

Mac

Terminalen säger "zsh: command not found: node"

Node.js är inte installerat, eller så startades Terminalen innan installationen blev klar. Stäng terminalfönstret, öppna ett nytt och försök igen.

Windows

PowerShell säger "node : Termen "node" känns inte igen som namnet på en cmdlet, funktion eller skriptfil"

Node.js är inte installerat, eller så startades PowerShell innan installationen blev klar. Stäng PowerShell-fönstret, öppna ett nytt och försök igen.

Var hittar jag Terminal?Mac

Tryck cmd + mellanslag, skriv Terminal och tryck Return. Appen ligger annars i Program, mappen Verktygsprogram.

Var hittar jag PowerShell?Windows

Tryck Windows-tangenten, skriv PowerShell och tryck Enter. Du kan också högerklicka på Start-knappen och välja Windows PowerShell i menyn.

Steg 6. Kontrollera att git finns, installera annars

Välj Mac eller Windows högst upp, så visas bara din variant

Mac

Git är verktyget som hämtar hem koden till din dator, och på en Mac följer det nästan alltid med redan. Kontrollera först: kommandot git --version står i rutan I Terminalen längst ner i det här steget. Svarar Terminalen med ett versionsnummer är du klar och går vidare. Säger den i stället command not found kör du installationsraden som står under kontrollen, stänger terminalfönstret, öppnar ett nytt och kör git --version igen.

Windows

Git är verktyget som hämtar hem koden till din dator, och på Windows följer det aldrig med från fabrik — räkna med att installera det. Hämta filen på git-scm.com/download/win (nedladdningen startar av sig själv), kör den och klicka Next hela vägen till Install; standardvalen är rätt. Stäng sedan PowerShell, öppna ett nytt fönster och kör git --version, som står i rutan I PowerShell längst ner — kontrollen är en formalitet, men den säger att installationen tog.

Öppna git-scm.comWindows

Bara om git saknasWindows: https://git-scm.com/download/win; Öppna adressen, nedladdningen startar av sig själv. Kör filen och klicka Next hela vägen till Install — standardvalen är rätt, och du behöver inte förstå ett enda av dem.

I terminalen, en rad i taget

git --version

Bara om git saknasMac

xcode-select --install

Nu ser du:

Terminalen (Mac) / PowerShell (Windows) svarar med ett versionsnummer, till exempel git version 2.45.0.

Något gick fel? 3 vanliga orsaker

PowerShell säger "git är inte igenkänt som ett internt eller externt kommando"Windows

Git är inte installerat än, eller så öppnades PowerShell innan installationen blev klar. Installera från git-scm.com/download/win, stäng fönstret, öppna ett nytt PowerShell och kör git --version igen.

Terminalen säger "command not found: git"Mac

Kör xcode-select --install. Rutan som dyker upp heter Command Line Developer Tools — klicka Installera och vänta tills den försvinner, det tar några minuter. Kör sedan git --version igen.

Terminalen säger att verktygen redan är installeradeMac

Då finns git redan. Kör git --version igen, det svarar med ett versionsnummer, och gå vidare.

GitHubomkring 5 min

Steg 7. Öppna community-repot

Ett repo är en mapp med kod som ligger på GitHub i stället för på din dator. Community-versionens repo är öppet för alla, så ingen inbjudan behövs — du behöver bara vara inloggad för att kunna göra en egen kopia i nästa steg.

Öppna Isakssol/debet-kredit-community

Nu ser du:

Du ser kodsidan för Isakssol/debet-kredit-community med filerna och en README längst ner.

Något gick fel? 1 vanlig orsak

Sidan säger 404

Adressen är felstavad. Kontrollera att det står debet-kredit-community, med bindestreck, och inget snedstreck på slutet.

Steg 8. Gör en egen kopia av koden

Nu tar du en kopia som blir din. Kopian kallas fork, och det är den allt annat i guiden utgår från. Knappen Fork ligger uppe till höger på kodsidan, bredvid Star. Klicka på den, låt namnet stå kvar och bekräfta.

Du klickar:ForkCreate fork

github.com/Isakssol/debet-kredit-community

Isakssol/debet-kredit-communityStarFork

Efter klicket kommer en sida med rubriken Create a new fork. Låt namnet stå kvar och klicka Create fork.

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Uppe till vänster står det nu DITTNAMN/debet-kredit-community i stället för Isakssol/debet-kredit-community, med texten "forked from" under.

Kopian är din, för alltid. Den ligger under ditt konto, och den är också det du senare uppdaterar med ett klick när det kommer nya versioner.

Något gick fel? 2 vanliga orsaker

Fork-knappen går inte att klicka

Du är utloggad. Logga in på GitHub och ladda om sidan.

Det står att du redan har en fork

Då är den redan gjord. Klicka på länken till din befintliga kopia och fortsätt därifrån.

Supabaseomkring 10 min

Steg 9. Skapa projektet och spara databaslösenordet

Nu skapas själva databasen. Klicka på New project i Supabase, välj organisationen du gjorde i delen Konton, döp projektet till bokforing, och välj region Stockholm. Låt Supabase generera databaslösenordet åt dig, och spara det i lösenordshanteraren direkt, innan du klickar vidare — det visas en enda gång.

Du klickar:New projectCreate new project

Project name: bokforing; Vilket namn som helst fungerar, men undvik å, ä och ö.
Region: North EU (Stockholm); Väljs i en meny. Bokföringen ska ligga inom EU, och Stockholm är närmast, alltså snabbast.
Database Password: Generate a password; Klicka på knappen och kopiera in lösenordet i lösenordshanteraren. Det går inte att läsa ut i efterhand.

supabase.com, New project

Project name

bokforing

Region

North EU (Stockholm)

Database Password

••••••••••••••••

Knappen Generate a password ligger till höger om fältet. Spara lösenordet direkt.

Create new project

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Efter ungefär två minuter slutar projektet att snurra och panelen visar din nya databas.

Något gick fel? 2 vanliga orsaker

Fel region blev vald

Regionen går inte att ändra i efterhand. Har du inte hunnit lägga in någon bokföring är det enklast att radera projektet under Project Settings, General, Delete project och skapa ett nytt.

Databaslösenordet är redan borttappat

Sätt ett nytt under Project Settings, Database, Reset database password. Spara det i lösenordshanteraren den här gången.

Steg 10. Hämta de två nycklarna appen behöver

En API-nyckel är ett långt lösenord som appen visar upp för databasen i stället för att logga in som en människa. Klicka på kugghjulet Project Settings och sedan API Keys i menyn till vänster. Där ligger nyckeln du ska kopiera till lösenordshanteraren, och du klistrar in den i Vercel längre fram. Adressen till projektet — din Project URL — behöver du också. Den syns i knappen Connect högst upp på sidan, men enklast är att läsa den ur webbläsarens adressfält: mitt i adressen till projektet står en sträng på tjugo bokstäver, och din Project URL är just de bokstäverna följt av .supabase.co. Skriv in dem i det andra fältet i rutan Fyll i dina två värden här — den står strax efter delen om konton, ovanför de här stegen — så står både adressen och kommandona färdiga i nästa del.

Project URL: https://XXXX.supabase.co; XXXX är de tjugo bokstäverna ur webbläsarens adressfält, alltså projektets referens. Samma bokstäver behöver du i nästa del.
Nyckeln, under API Keys: anon public / publishable; Supabase visar numera två publika nycklar på sidan: en ny som börjar med sb_publishable och den äldre anon-nyckeln, en lång sträng som börjar med eyJ. Nya projekt har båda, båda fungerar med programmet — ta en av dem och håll dig till den. Nyckeln är avsedd att vara publik och ligger i webbläsaren hos alla som öppnar appen.

supabase.com, Project Settings, API Keys

publishable

sb_publishable_AAJ_i2Bp…

anon public (äldre namn)

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9…

Nya projekt visar båda. Ta en av dem — båda fungerar med programmet. Din Project URL (https://XXXX.supabase.co) står inte här utan under knappen Connect högst upp, och bokstäverna går att läsa direkt ur webbläsarens adressfält.

Längre ner på samma sida ligger service_role (och sb_secret). Den ska bara in som miljövariabel i Vercel, aldrig i en webbläsare eller ett mejl.

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Du har två värden sparade: en adress som slutar på .supabase.co och en lång nyckel.

Något gick fel? 2 vanliga orsaker

Vilken nyckel är rätt, det ligger flera på sidan

Du ska ha en publik nyckel: antingen den som heter anon public eller den som börjar med sb_publishable. Båda fungerar. Det du INTE ska ta är service_role, eller en nyckel som börjar med sb_secret — de ger full åtkomst till databasen och ska aldrig klistras in någon annanstans än som miljövariabel i Vercel, aldrig i en webbläsare eller ett mejl.

Jag hittar ingen meny som heter API

Supabase har delat upp den gamla API-sidan. Nycklarna ligger under Project Settings, API Keys. Hittar du ändå inte dit: klicka Connect högst upp i projektet, så visas både Project URL och den publika nyckeln i samma ruta.

Läs en gång, gör en gång

Var sparar du nycklarna?

Du har just skapat din första nyckel, så nu är rätt läge för frågan. Kort svar: lösenorden i en lösenordshanterare, nycklarna där de skapas, och en lapp i byrålådan som säger var allt finns. Du behöver inte välja mellan de tre — de gör olika saker.

1. De flesta nycklar behöver du aldrig spara

Det viktigaste först, och det ingen guide säger: en nyckel du klistrat in i Vercel är redan förvarad. Tappar du din egen kopia skapar du en ny hos leverantören på två minuter och byter ut den. Det är inget haveri.

Det som inte går att återskapa är åtkomsten till kontona: mejladressen, lösenorden till GitHub, Supabase och Vercel, och reservkoderna till tvåstegsinloggningen. Tappar du dem tappar du allt det andra på köpet. Lägg din omsorg där.

Två undantag bör sparas direkt när de skapas, för de visas en enda gång: databaslösenordet i Supabase, och Enable Bankings PEM-fil, om du använder bankkopplingen.

2. Tre sätt att förvara, och vad de duger till

Mac

Datorns egen lösenordshanterare: appen Lösenord, som finns på din Mac och i din iPhone. Enklast som finns: redan installerad, gratis, fyller i åt dig och varnar när ett lösenord läckt. Räcker för kontona, och anteckningsfältet rymmer dessutom en hel nyckel. Svagheten är att allt hänger på ditt Apple-konto — spara återställningskoden till just det kontot på papper.

Windows

Datorns egen lösenordshanterare: den inbyggda i Chrome eller Edge. Enklast som finns: redan installerad, gratis, fyller i åt dig och varnar när ett lösenord läckt. Räcker för kontona — men bara för dem: den saknar anteckningsfält och har ingenstans att lägga en lång nyckel. Apples Lösenord finns här bara via iCloud för Windows. Och allt hänger på ditt Google- eller Microsoft-konto, så spara återställningskoden till just det kontot på papper.

1Password eller Bitwarden. Bättre verktyg för just det här: fria anteckningar, plats för filer, samma app på dator och telefon oavsett märke, och du kan dela en enskild post med din redovisningskonsult i stället för att mejla den. Bitwarden är gratis och räcker hela vägen. Priset är en app till att lära sig och ett huvudlösenord att minnas.

Papper i byrålådan. Ingen teknikfiness: för en enskild firma med bokföringen hemma är ett papper i en låst låda fullt rimlig förvaring. Hotet mot dig är nätfiske och kapade konton, inte inbrottstjuvar som letar API-nycklar. Papper kan inte fiskas, kan inte låsa ute dig och kostar ingenting. Men långa nycklar går inte att skriva av för hand utan fel. Använd därför papper till två saker: reservkoderna och kartan här nedanför.

3. Vad som aldrig får delas eller mejlas

service_role-nyckeln. Den går förbi alla säkerhetsspärrar i databasen och ger full läs- och skrivåtkomst till hela din bokföring. Den ska bo som miljövariabel i Vercel och ingen annanstans — aldrig i ett mejl, en chatt, en skärmdump eller ett supportärende. Ingen konsult och ingen "medarbetare från Supabase" behöver den. Frågar någon efter den är det ett bedrägeriförsök.

Samma regel, lägre volym: RESEND_API_KEY om du mejlar fakturor, STATS_API_KEY om du byggt egna integrationer, Enable Bankings privata nyckel och databaslösenordet.

Okej i webbläsaren: anon-nyckeln. Den är gjord för att vara publik och ligger redan i sidans kod hos alla som öppnar appen; det som skyddar bokföringen är inloggningen och databasens radregler. Okej är också att låta webbläsaren spara dina inloggningar till Supabase, Vercel och GitHub.

4. Om en nyckel läckt

Ordningen spelar roll: skapa ny, lägg in den nya, radera sedan den gamla. Tvärtom står appen stilla under tiden.

Supabase (den publika nyckeln eller service_role): Project Settings, API Keys — skapa en ny nyckel eller återställ den gamla där. Lägg in det nya värdet i Vercel och kör Redeploy. Databaslösenordet: Project Settings, Database, Reset database password.

Resend: API Keys, skapa ny, in i Vercel, Redeploy, radera den gamla. STATS_API_KEY hittar du på själv — byt bara värdet i Vercel och kör Redeploy.

Läckte allt på en gång, till exempel vid stulen dator: byt lösenord på mejlkontot först, sedan GitHub, Supabase och Vercel, och kontrollera att tvåstegsinloggningen fortfarande sitter på en telefon du har kvar.

Ditt nyckelkort

Skriv aldrig in själva nyckelvärdena här. Kortet ska tåla att ligga i byrålådan — det säger var sakerna finns, inte vad de är.

Konto eller nyckel	Används till	Förvaras i	Senast bytt
Mejladressen	alla konton nedan	—	—
Lösenordshanteraren	huvudlösenord och återställningskod	—	—
GitHub	din kopia av koden	—	—
GitHubs reservkoder	vägen in utan telefonen	papper	—
Supabase-kontot	databasen	—	—
Databaslösenordet	Supabase, visas en gång	—	—
Vercel-kontot	appen körs här	—	—
Resend	mejlutskick, om du satt upp det	—	—
Enable Banking	bankkopplingen (PEM-fil)	—	—

Databasenomkring 10 min

Steg 11. Kör de fem kommandona som bygger databasen

Välj Mac eller Windows högst upp, så visas bara din variant

Det här är enda gången Terminalen (Mac) / PowerShell (Windows) gör något riktigt arbete. Första raden klonar ditt repo, alltså hämtar hem koden från GitHub till en mapp på din dator. Sista raden kör migrationerna: färdigskrivna instruktioner som bygger upp kontoplanen, momskoderna och alla tabeller. Du skriver dem inte, du kör dem. Kopiera raderna en i taget: klistra in med cmd + V (Mac) / ctrl + V (Windows) och tryck Return (Mac) / Enter (Windows) efter varje. Har du fyllt i rutan Fyll i dina två värden här, längre upp på sidan, står ditt användarnamn och din projektadress redan i raderna nedan — annars är det de två orden i versaler du byter ut innan du kör dem. Det sista kommandot frågar efter databaslösenordet du sparade när projektet skapades. När du skriver lösenordet syns ingenting på skärmen, det är meningen.

I terminalen, en rad i taget

git clone https://github.com/DITTNAMN/debet-kredit-community.git
cd debet-kredit-community
npx supabase login
npx supabase link --project-ref XXXX
npx supabase db push

Nu ser du:

Terminalen (Mac) / PowerShell (Windows) listar en lång rad migrationer och avslutar med "Finished supabase db push". I Supabase, under Table Editor, finns nu tabeller som accounts och journal_entries.

Kommandona skapar hela strukturen på en gång: kontoplanen enligt BAS 2026, momskoder, regelvärden, ett räkenskapsår för innevarande år och lagringsytan för kvitton. Efter det här steget behöver du aldrig öppna Terminalen (Mac) / PowerShell (Windows) igen.

Något gick fel? 7 vanliga orsaker

npx frågar om något får installeras

Svara y och tryck Return (Mac) / Enter (Windows). Det är Supabases eget verktyg som laddas ner, det tar en till ett par minuter och görs bara en gång.

db push säger "failed to connect"

Nästan alltid fel databaslösenord. Sätt ett nytt under Project Settings, Database, Reset database password och kör kommandot igen.

Mac

Vart tog mappen med koden vägen?

Dit Terminalen pekade när du körde första raden, alltså normalt din hemmapp: /Users/dittnamn. Du behöver aldrig öppna den — andra raden, cd, ställer Terminalen i mappen åt dig. Svarar den "cd: no such file or directory" på den raden gick första raden inte igenom: kör om den och läs vad den säger.

Windows

Vart tog mappen med koden vägen?

Dit PowerShell pekade när du körde första raden, alltså normalt din hemmapp: C:\Users\dittnamn. Du behöver aldrig öppna den — andra raden, cd, ställer PowerShell i mappen åt dig. Svarar den "Det går inte att hitta sökvägen ... eftersom den inte finns" på den raden gick första raden inte igenom: kör om den och läs vad den säger.

Mac

git frågar efter inloggning

Det ska den, första gången: din fork är privat och git måste få logga in som du. Terminalen frågar efter Username och Password. Ditt vanliga GitHub-lösenord fungerar INTE på Password-raden, GitHub slutade ta emot det 2021. Skapa en personlig åtkomsttoken i stället: GitHub, Settings, Developer settings, Personal access tokens, Tokens (classic), Generate new token (classic), bocka i repo, skapa. Skriv ditt användarnamn på Username-raden och klistra in token på Password-raden. Att ingenting syns medan du klistrar är meningen. Nyckelringen minns den till nästa gång.

Windows

git frågar efter inloggning

Det ska den, första gången: din fork är privat och git måste få logga in som du. Git Credential Manager öppnar ett fönster som heter Sign in with your browser — logga in på GitHub där, godkänn, klart. Inloggningen sparas och frågan kommer inte igen. Någon personlig åtkomsttoken behöver du alltså inte.

PowerShell säger att "npx.ps1 kan inte läsas in eftersom körning av skript har inaktiverats i systemet"Windows

Det är Windows körningspolicy, inte ett fel i npx. Kör Set-ExecutionPolicy -Scope CurrentUser RemoteSigned och svara J, kör sedan raden igen. Vill du inte ändra policyn skriver du npx.cmd i stället för npx på de tre raderna.

ctrl + V klistrar inte in i PowerShellWindows

Högerklicka i fönstret i stället, det klistrar in det du kopierade. I äldre fönster kan ctrl + V vara avstängt; högerklicket fungerar alltid.

git säger "repository not found"

Vanligast: git är inte inloggad som du. GitHub svarar så även när repot finns, om den som frågar inte får se det — och din fork är privat. Se frågan om att git frågar efter inloggning, strax ovanför. Näst vanligast: adressen pekar på originalet i stället för på din kopia, eller så står det ett felstavat användarnamn i den. Öppna din fork på GitHub och kopiera adressen ur webbläsarens adressfält, eller rätta användarnamnet i rutan Fyll i dina två värden här längre upp på sidan.

Steg 12. Kontrollera att kvittoarkivet finns och är privat

Kommandona nyss skapade lagringsytan för kvitton. Kontrollera den i Supabase under Storage i vänstermenyn. Där ska ligga en rad som heter underlag, märkt Private.

supabase.com, Storage

underlagPrivate

Står det Public i stället kan vem som helst med länken läsa kvittona. Stäng av Public bucket i bucketens inställningar.

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

I listan under Storage står underlag, och bredvid namnet står Private.

Något gick fel? 2 vanliga orsaker

underlag saknas i listan

Klicka New bucket, skriv namnet underlag, lämna reglaget Public bucket avstängt och klicka Create bucket. Namnet måste stavas exakt så, med små bokstäver.

Det står Public i stället för Private

Då kan vem som helst med länken läsa dina kvitton. Öppna bucketen, gå till inställningarna och stäng av Public bucket.

Användarenomkring 5 min

Steg 13. Skapa ditt inloggningskonto

Det här är kontot du sedan loggar in i bokföringen med. I Supabase: Authentication i vänstermenyn, sedan Users, sedan knappen Add user och valet Create new user. Fyll i din mejladress och ett starkt lösenord från lösenordshanteraren. Det viktigaste på hela sidan är bocken Auto Confirm User. Glöms den kommer du inte in.

Du klickar:Add userCreate new userCreate user

Email: din@mejladress.se; Din egen mejladress, samma som du använder på kontona. Raden här är bara ett exempel — skriv in din egen.
Auto Confirm User: Bocka i rutan; Utan bocken tror appen att mejladressen är obekräftad och nekar inloggning.

supabase.com, Authentication, Users, Create new user

din@mejladress.se

Password

••••••••••••••••

Auto Confirm UserDen här bocken är det som glöms bort. Utan den kommer du inte in i appen.

Create user

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Din mejladress dyker upp i användarlistan med dagens datum i kolumnen Created at.

Det första kontot som loggar in i en tom installation blir automatiskt administratör. Fler användare lägger du till inifrån programmet under Inställningar och Användare, inte här.

Något gick fel? 1 vanlig orsak

Appen säger senare "E-postadressen är inte bekräftad"

Bocken Auto Confirm User missades. Öppna användaren under Authentication, Users och bekräfta adressen där, eller radera användaren och skapa om den med bocken i.

Steg 14. Stäng av självregistrering innan appen går ut på nätet

Fortfarande under Authentication: gå till Sign In / Up i menyn, leta upp reglaget Allow new users to sign up och stäng av det. Klicka Save.

Du klickar:Save

supabase.com, Authentication, Sign In / Up

Allow new users to sign upSka vara avstängt innan appen går ut på nätet.

Save

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Reglaget är grått och avstängt, och sidan bekräftar att inställningen sparades.

Nyckeln som appen använder i webbläsaren är publik och syns för alla som öppnar sidan. Med självregistrering på kan vem som helst som hittar din adress skapa ett konto i din databas. Därför är det här steget obligatoriskt, inte en rekommendation.

Något gick fel? 2 vanliga orsaker

Kan jag hoppa över det här och göra det sedan?

Nej. Ordningen är medvetet den här: skapa ditt eget konto, stäng av självregistrering, deploya sedan. Det här steget måste vara gjort innan appen finns på en publik adress.

Går det att skapa fler användare sedan?

Ja. Inne i programmet under Inställningar och Användare fungerar det som vanligt, även med självregistrering avstängd.

Vercelomkring 10 min

Steg 15. Importera din kopia av koden

Logga in på vercel.com med kontot du skapade i delen Konton. Klicka Add New och välj Project. I listan över dina GitHub-repon letar du upp debet-kredit-community och klickar Import. Stanna sedan på sidan som kommer upp, klicka inte Deploy än.

Öppna vercel.com/new

Du klickar:Add NewProjectImport

vercel.com, Import Git Repository

DITTNAMN/debet-kredit-communityImport

DITTNAMN/annat-repoImport

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Du ser en sida med rubriken New Project och namnet debet-kredit-community, med ett hopfällt avsnitt som heter Environment Variables.

Något gick fel? 1 vanlig orsak

Repot syns inte i listan

Klicka Adjust GitHub App Permissions eller Configure GitHub App och ge Vercel åtkomst till din fork. Kontrollera också att du är inloggad på Vercel med samma GitHub-konto.

Steg 16. Lägg in de två miljövariablerna

En miljövariabel är ett namn med ett värde, som du lägger in hos Vercel i stället för i koden — så slipper dina nycklar ligga i något som går att läsa på GitHub. Fäll ut Environment Variables på importsidan. Här klistrar du in värdena du sparade i lösenordshanteraren. Namnen måste stavas exakt, kopiera dem hellre än att skriva av dem. Frågar Vercel efter Type för varje rad: de två namn som börjar med NEXT_PUBLIC ska vara Config, för de är publika med flit och måste nå webbläsaren. Väljer du Secret på dem vägrar Vercel spara, och valet går inte att ändra i efterhand utan att radera raden. Fler än så behöver community-versionen inte. Ser du en guide som ber dig lägga in CRON_SECRET är den skriven för licensversionen — den automatiken finns inte här.

Namn: NEXT_PUBLIC_SUPABASE_URL; Värde: din Project URL, alltså https://XXXX.supabase.co — https:// måste vara med. Type: Config.
Namn: NEXT_PUBLIC_SUPABASE_ANON_KEY; Värde: nyckeln anon public. Type: Config.

vercel.com, New Project, Environment Variables

NEXT_PUBLIC_SUPABASE_URLhttps://XXXX.supabase.co

NEXT_PUBLIC_SUPABASE_ANON_KEYeyJhbGciOiJIUzI1…

Namnet till vänster, värdet till höger. Namnen måste stavas exakt.

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Två rader ligger i listan under Environment Variables, var och en med ett namn och ett dolt värde.

Community-versionen skickar inga mejl av sig själv och har ingen användarhantering inne i programmet, så den behöver varken CRON_SECRET eller service-nyckeln. Två variabler är hela listan. Det betyder också att Supabase-projektet pausas efter sju dagars stillhet — se rutan längst ner på sidan.

Något gick fel? 3 vanliga orsaker

Appen visar en vit sida eller "Invalid API key" efteråt

Ett värde är fel eller har fått med ett mellanslag i början eller slutet. Rätta det under Settings, Environment Variables och gör sedan en ny deploy, ändringen slår inte igenom förrän appen byggs om.

Finns det fler variabler jag kan lägga in?

Två valfria, och de hör ihop: STATS_API_KEY plus SUPABASE_SERVICE_ROLE_KEY ger externa system läsåtkomst till dina nyckeltal via /api/stats. Bygger du inga egna integrationer behöver du ingen av dem. Vill du mejla fakturor lägger du till RESEND_API_KEY och INVOICE_FROM_EMAIL — de kräver en verifierad domän hos resend.com.

Var lägger jag in en variabel i efterhand?

I Vercel under Settings, Environment Variables. Lägg till namnet och värdet och klicka Redeploy — miljövariabler slår igenom först när appen byggs om.

Steg 17. Klicka Deploy och vänta en minut

Att deploya betyder att bygga appen och göra den nåbar på en adress — det är nu programmet blir till. Klicka Deploy. Vercel bygger appen medan du tittar på, det tar ungefär en minut. Gå sedan till Settings och Functions och kontrollera att Fluid Compute är påslaget, det är standard för nya projekt.

Du klickar:Deploy

Nu ser du:

Sidan gratulerar dig och visar din adress, i stil med https://debet-kredit-community-dittnamn.vercel.app. Öppnar du den möts du av inloggningssidan.

Något gick fel? 4 vanliga orsaker

Det står Deployment Blocked i stället för en adress

Läs hela raden: den slutar med is not a member of your team och nämner vårt GitHub-namn. Då ligger projektet på ett Team-konto hos Vercel, och Team-konton kräver att den som skrivit den översta commiten är medlem i teamet — commiten överst i din nya fork är skriven av oss, inte av dig. Ingenting är trasigt och koden är hel. Gör en egen liten commit i webbläsaren så bygger Vercel: öppna din fork på GitHub, klicka på filen README.md, klicka pennan Edit this file, lägg till en tom rad längst ned, klicka Commit changes och välj Commit directly to the main branch. Hela beskrivningen med en andra väg står i docs/UPPGRADERING.md. Bjud aldrig in oss i ditt Vercel-team för att lösa det: det kostar en plats i din prenumeration och ger en utomstående åtkomst till din bokföring. På ett personligt Hobby-konto händer det aldrig.

Bygget misslyckas

Läs de sista raderna i loggen. Handlar de om miljövariabler är ett namn felstavat, rätta det under Settings, Environment Variables och klicka Redeploy.

Det står Hobby accounts are limited to daily cron jobs

Gratisplanen tillåter bara jobb som körs en gång per dygn, och repots vercel.json är skriven för den publika sajten med tretton jobb, varav tre tätare än så. Det finns en färdig fil för dig: öppna vercel.hobby.json i ditt repo på github.com, kopiera hela innehållet, öppna sedan vercel.json, klicka pennan, markera allt och klistra in. Commit changes direkt till main, så startar Vercel ett nytt bygge själv. Kvar blir den nattliga säkerhetskopian och betalningspåminnelserna, alltså de två som rör din bokföring. Klicka inte Redeploy på den gamla deployen efteråt: den bygger om samma gamla kod med felet kvar.

Varför Fluid Compute?

Importsidorna får då köra i upp till 300 sekunder. Utan Fluid Compute stannar gratisnivån vid 60 sekunder, och en stor import kan avbrytas halvvägs.

Steg 18. Berätta för Supabase var appen bor

Ett sista hopp tillbaka till Supabase. Under Authentication och URL Configuration fyller du i adressen du precis fick. Utan det här steget landar länken i mejlet Glömt lösenord på en felsida.

Du klickar:Add URLSave changes

Site URL: https://DIN-ADRESS.vercel.app; Skriv in din egen adress, den Vercel gav dig i förra steget — utan snedstreck på slutet. DIN-ADRESS är bara en platshållare.
Redirect URLs: https://DIN-ADRESS.vercel.app/auth/callback; Samma adress, med /auth/callback på slutet. Klicka Add URL och skriv in den. Kör du även lokalt lägger du till http://localhost:3000/auth/callback.

supabase.com, Authentication, URL Configuration

Site URL

https://DIN-ADRESS.vercel.app

Redirect URLs

https://DIN-ADRESS.vercel.app/auth/callbackAdd URL

Stiliserad illustration, inte en skärmdump. Verkliga panelen har fler val runtomkring.

Nu ser du:

Din adress står i fältet Site URL, och adressen som slutar på /auth/callback ligger i listan under Redirect URLs.

Något gick fel? 1 vanlig orsak

Återställningsmejlet kommer aldrig fram

Supabases inbyggda mejlutskick är hårt begränsat, några få mejl i timmen. Det räcker för en ensam användare. Är ni flera lägger du in en egen SMTP-tjänst under Authentication och SMTP Settings.

Inloggningomkring 10 min

Steg 19. Logga in för första gången

Öppna din adress. Du möts av inloggningssidan. Fyll i mejladressen och lösenordet du satte när du skapade kontot i Supabase, och klicka Logga in.

Du klickar:Logga in

Inloggningssidan i Debet och Kredit med fälten E-post och Lösenord — Så här ser din egen inloggningssida ut när appen är uppe.

Nu ser du:

Du är inne, och kom igång-guiden startar automatiskt eftersom bokföringen är tom.

Något gick fel? 2 vanliga orsaker

Det går inte att logga in

Vanligast är att användaren skapades i ett annat Supabase-projekt än det appen pekar på, eller att bocken Auto Confirm User missades. Kontrollera under Authentication, Users att adressen finns i rätt projekt.

Det står "För många försök"

En inbyggd spärr i Supabase. Vänta en minut och försök igen.

Steg 20. Gå igenom de fyra stegen om ditt företag

Guiden har fyra steg: företaget — bolagstyp och de uppgifter som hamnar på fakturorna; moms och F-skatt — hur ofta du redovisar moms, och om Skatteverket beslutat om debiterad preliminärskatt (vet du inte, svara Vet inte, programmet antar aldrig åt dig); räkenskapsåret — start, slut och bokföringsmetod; och slutligen startläget: från noll, med en SIE-fil från ett annat program, eller med ingående balanser du skriver in.

Du klickar:Kom igång

Nu ser du:

Du landar på översikten och kan bokföra din första händelse.

Något gick fel? 2 vanliga orsaker

Räkenskapsåret stämmer inte med förslaget

Ändra datumen i guiden. Aktiebolag och handelsbolag kan ha brutet år eller ett förlängt första år på upp till 18 månader. Enskild firma har alltid kalenderår.

Jag kommer från Fortnox, Visma eller Bokio

Välj SIE-fil i sista frågan, eller använd Byt hit från annat program i menyn efteråt. Den guiden ger exakta exportsteg för just ditt gamla program och stämmer av saldona mot det innan du släpper taget.

Nästa gång du har en halvtimme

Efter installationen — det som får vänta

Här slutar installationen. Programmet bokför, fakturerar och stänger månader utan en enda av kopplingarna nedan: de tar bort handpåläggning, de lägger inte till något du saknar i dag. Därför står de som en rad var i stället för som steg — den här sidan ska gå att bli klar med på en förmiddag.

Guiden väntar vid kortet, inte här

Var och en av dem har en egen guide inne i programmet, på sitt eget kort: varje klick, varje värde och steget alla glömmer, uppfällbart där du står när du ska göra jobbet. Du behöver alltså varken hitta tillbaka hit eller läsa något i förväg.

Guiden på kortet följer den version du installerat. En guide på en webbplats beskriver förr eller senare en knapp du inte har — den på kortet kan inte göra det.

Ordningen, om du vill ha en

Säkerhetskopian först. Den är den enda i listan som skyddar mot något, och den kräver bara att du pekar ut var kopian ska bo.

Sedan e-posten, den dagen du skickar din första faktura, och bankkopplingen den dag du tröttnat på att ladda upp kontoutdrag. Ingen av dem har någon deadline.

Kopplingarna som väntar

Ingen rad är obligatorisk, och ingen kostar något att låta bli. Tiden varje koppling tar står i dess egen guide, på kortet.

Kopplingen	Vad den tar bort	Guiden fälls upp här
Säkerhetskopian	att kopian bor på samma ställe som originalet	Inställningar → Säkerhetskopior
E-post (Resend)	att du mejlar fakturor och påminnelser för hand	Inställningar → Få betalt av kunder
Bankkopplingen (Enable Banking)	att du exporterar kontoutdrag som CSV varje månad	Bank → kortet Bankkoppling (PSD2)

Vilken dator sitter du vid?

Har du redan konton på GitHub, Vercel och Supabase?

Innan du börjar

Kontonomkring 25–30 min

Fyll i dina två värden här

Förberedomkring 5 min

GitHubomkring 5 min

Supabaseomkring 10 min

1. De flesta nycklar behöver du aldrig spara

2. Tre sätt att förvara, och vad de duger till

3. Vad som aldrig får delas eller mejlas

4. Om en nyckel läckt

Ditt nyckelkort

Databasenomkring 10 min

Användarenomkring 5 min

Vercelomkring 10 min

Inloggningomkring 10 min

Guiden väntar vid kortet, inte här

Ordningen, om du vill ha en

Kopplingarna som väntar

Klart. Bokföringen är din.

Appen sover när du kommer tillbaka

Säkerhetskopian är inbyggd — peka bara ut var den ska bo

Kört fast?

Vill du ha uppdateringar och de nya funktionerna?