Bygg med KI

Fra idé til prototype

KI-360 Skape Validé
KI-360

Slik blir dagen

Du trenger ikke kunne kode eller installere noe

  1. Kort intro

    Arbeidsmetoden og gode prompts

  2. Live demo

    Én idé, bygget på skjermen

  3. Du bygger

    Din egen idé, og vi hjelper deg underveis

  4. Vis frem

    Noen viser frem det de har bygget

Du går hjem med en første versjon og en metode for neste idé

KI-360

Kom i gang

  1. Lag en gratis konto på lovable.dev Betaler du allerede for Lovable? Lag en ny workspace i stedet, og gjør resten der
  2. Gå til Settings → Plans & Credits
  3. Velg Pro Plan 1 og monthly
  4. Skriv inn COMM-VIBE-S26H når du betaler

Kurs-credits

COMM-VIBE-S26H

Pro Plan 1, monthly
KI-360

Hva kan du bygge selv?

CRM

Kontakter, salgssteg og en logg over hva som har skjedd

Planlegger

Oppgaver og timeplan for teamet, koblet til kunder og prosjekter

Nyhetsbrev

Maler, utsending og oversikt over abonnenter

Dashboard

Nøkkeltall og grafer fra dine egne data

Landingsside

En side om ideen din, på ditt eget domene

Adminpanel

Innhold, brukere og innstillinger for en app

Kundeportal

Status, delte filer og meldinger til kundene dine

Bookingside

Ledige tider, bestilling og bekreftelse på e-post

Dette er vanlige apper, og KI er verktøyet du bygger dem med

KI-360

Én enkel arbeidsmetode

  1. Problem 01

    Hva er vanskelig i dag, og for hvem

  2. Avgrens 02

    Velg én ting den skal gjøre

  3. Plan 03

    Skjermene og stegene, før du skriver noe

  4. Bygg 04

    En første prompt, så små steg

  5. Test 05

    Klikk deg gjennom som en bruker

  6. Forbedre 06

    Én endring av gangen

Start enkelt, få kjernen til å virke og bygg videre derfra

KI-360

Start med mennesker

BrukerneHvem det er for, helt konkret, ikke alle
ProblemetHva de står fast på i dag
ReisenHvert steg fra første besøk til ferdig

KI gjør det billig å bygge, men å vite hva du skal bygge er fortsatt den dyre delen

  1. Problem
  2. Avgrens
  3. Plan
  4. Bygg
  5. Test
  6. Forbedre
KI-360

Planlegg før du bygger

Definer først

Skriv tre setninger om hva den gjør og hvem den er for, før du åpner verktøyet

Bygg flyter, ikke funksjoner

Én ting en person gjør fra start til slutt slår fem halvferdige skjermer

Bestem uttrykket

Uten føringer velger KI lilla glitter og fire tallbokser. Gi den farger, skrift og en side du liker

Dashboard KI lager uten føringer, med lilla glitter og fire tallbokser
KI alene
Dashboard for Resani med eget visuelt uttrykk
med dine føringer
  1. Problem
  2. Avgrens
  3. Plan
  4. Bygg
  5. Test
  6. Forbedre
KI-360

Skriv gode prompts

  1. Beskriv problemet, ikke løsningen

    Si hva brukeren står fast på, og la KI foreslå hvordan

  2. Si hvordan det skal føles

    Rolig, leken, eksklusiv eller rask

  3. Gi en ekte referanse

    En side eller et produkt du liker, med navn

  4. Sett et kvalitetsnivå

    Hvor bra det skal være, og hva det skal måles mot

en god første prompt
Lag en bookingside for et yogastudio i Haugesund, for folk som aldri har prøvd yoga. De skal kunne velge time og tidspunkt, og skrive inn navn og e-post. Den skal føles rolig, med mye luft og én varm aksentfarge.
  1. Problem
  2. Avgrens
  3. Plan
  4. Bygg
  5. Test
  6. Forbedre
KI-360

Test og forbedre

vag, så den gjetter
Gjør skjemaet bedre.
si hva som var feil
Det var ikke det jeg mente. Gjør knappen større, flytt e-postfeltet øverst, og fjern feltet for telefonnummer.

Test som en bruker

Klikk deg gjennom hele flyten, også på mobilen

Én endring av gangen

Da vet du hva som ble bedre, og hva som brakk

Lag for å lære

Første versjon skal lære deg noe, ikke være ferdig

  1. Problem
  2. Avgrens
  3. Plan
  4. Bygg
  5. Test
  6. Forbedre

Live demo

Ask Lovable to build a prototype...
Plan ⌄
KI-360

Velg en idé

Hva det er
Én setning, for eksempel en bookingside, et skjema eller en oversikt
Hvem det er for
En konkret gruppe, ikke alle
Den ene flyten
Det viktigste brukeren skal få gjort, steg for steg
Hvordan det skal føles
Rolig, leken eller seriøs? Finn gjerne en nettside du liker
står du fast? la KI intervjue deg
Før du lager noe, intervju meg. Still ett spørsmål om gangen om hva jeg vil lage, hvem det er for og hvordan det skal føles. Skriv så min første prompt.

Start med noe lite, så kommer du raskt i gang

KI-360

Hele stacken i Lovable

  1. SEO og AEOAt Google og ChatGPT finner deg
  2. DomeneDin egen adresse, den folk skriver inn
  3. HostingHolder appen på nett, hele tiden
  4. SikkerhetInnlogging, og hvem som får se hva
  5. DatabaseDer dataene dine bor, så de er der i morgen også
KI-koder

Skriver koden for deg, i alle lagene

du beskriver, den bygger

Koden er din Du kan ta den med deg til Cursor, Claude Code, egen hosting eller en utvikler

KI-360

Hva nå?

når du vil vise den frem

Publiser

Trykk Publish i Lovable og få en lenke, og koble på eget domene senere

når data skal huskes

Database

Lagrer det brukerne legger inn, på tvers av besøk og enheter. Lovable kan koble på en database

når en utvikler skal hjelpe

GitHub

En kopi av koden, så noen kan jobbe videre med den

før ekte brukere kommer

Sikkerhet

Innlogging, tilganger og en sjekk fra noen som kan det

Vis den til noen i målgruppen før du bygger mer

KI-360

Lær mer

KI-360

Ordliste

KI
Maskiner som gjør oppgaver som vanligvis krever et menneske
Språkmodell (LLM)
KI trent på enorme mengder tekst, som leser og skriver språk
Vibe coding
Å lage programvare ved å beskrive med vanlige ord hva du vil ha
Agent
KI som bruker verktøy og tar valg mot et mål, steg for steg
Tokens og credits
Tekstbitene modellen leser og skriver. Lovable tar betalt i credits
Frontend
Delen av appen brukerne ser og klikker i
Backend
Delen som kjører på en server, lagrer data og sjekker hvem du er
Database
Der appen lagrer data i tabeller, så de er der i morgen
Auth
Å sjekke hvem du er, og hva du får se og gjøre
Hosting
Tjenesten som kjører appen på en server som alltid er på
Domene
Adressen folk skriver inn for å finne den
SEO og AEO
At du blir funnet i Google og i svar fra KI
Deploy
Å legge en ny versjon ut, der brukerne når den
Git
Holder styr på hver endring i koden, så du kan gå tilbake
GitHub
Den mest brukte tjenesten for å lagre og dele kode
API
Måten ett program ber et annet om noe
KI-360

Hold kontakten

Line Hjartarson

Line Hjartarson

Aline
aline.no

Andreas Melvær

Andreas Melvær

SmplCo
smpl.as

Skape Validé