Hva er Next.js og React?
Denne siden forklarer React, Next.js og sammenhengen mellom dem – på en enkel og forståelig måte.
Mål
- Forstå hva React er.
- Forstå hva Next.js er.
- Forstå hvordan React og Next.js brukes sammen.
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
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.