← Tilbake

Hva er Next.js og React?

Denne siden forklarer React, Next.js og sammenhengen mellom dem – på en enkel og forståelig måte.

Sentrale konsepter

Komponenter

Gjenbrukbar UI

Bygg sider av små deler som kan brukes flere steder.

Routing

Flere sider

I Next.js blir mapper og filer automatisk til URL-er.

Verktøy

Node + npm

Utviklingsserver, pakker og bygg skjer via terminalen.

Mål

  • Forstå hva React er.
  • Forstå hva Next.js er.
  • Forstå hvordan React og Next.js brukes sammen.

Innhold

1. Hva er React?
2. Hva er Next.js?
3. Sammenhengen mellom React og Next.js
4. Next.js + React + Supabase

1. Hva er React?

React er et JavaScript-bibliotek som brukes til å lage brukergrensesnitt.

  • React brukes i frontend (det brukeren ser).
  • Nettsiden bygges av komponenter.
  • React gjør det enkelt å lage interaktive sider.
Eksempel: En knapp, en meldingsboks eller et kort kan være en React-komponent.

2. Hva er Next.js?

Next.js er et rammeverk bygget på React. Det brukes til å lage fullstendige webapplikasjoner.

  • Bruker React til å lage UI.
  • Gir ferdig struktur for prosjektet.
  • Støtter både frontend og backend.
Viktig: Når du bruker Next.js, skriver du fortsatt React-kode.

3. Sammenhengen mellom React og Next.js

React og Next.js brukes sammen.

  • React lager komponenter og innhold.
  • Next.js organiserer sidene og kobler alt sammen.
Huskeregel:
React = det du ser
Next.js = systemet rundt

4. Next.js + React + Supabase

Når vi lager en meldingsvegg, bruker vi flere deler sammen:

  • React viser meldinger på skjermen.
  • Next.js henter og sender data.
  • Supabase lagrer meldinger i databasen.
Kort sagt: React viser, Next.js styrer, Supabase lagrer.