Ordlista

Next.js nyare routingsystem baserat på mappen app/, med stöd för server components, delade layouter och streaming.

Ett gränssnitt som låter olika system prata med varandra, till exempel när din sajt hämtar data från en server.

En metod för att jämföra två versioner av en sida eller funktion för att avgöra vilken som presterar bättre.

Processen att verifiera vem en användare är, typiskt via inloggning med e-post och lösenord, eller via en tredjepartstjänst.

Syntax för att skriva asynkron JavaScript-kod på ett linjärt sätt, utan nästlade callbacks eller kedjade promises.

Ett verktyg som väver ihop projektets många filer till färre, optimerade paket som webbläsaren laddar effektivt. Next.js sköter detta åt dig.

Andelen besökare som lämnar en sida utan att interagera vidare, till exempel utan att klicka vidare till en annan sida.

Den del av ett system som körs på servern, hanterar affärslogik, läser och skriver data, och svarar på förfrågningar från frontend.

Att leverera bilder i rätt format, storlek och kvalitet för att minska laddningstid utan att offra visuell kvalitet.

Ett nätverk av servrar utspridda geografiskt som levererar filer från en plats nära besökaren, vilket ger snabbare laddning.

Mellanlagring av data eller färdiga sidor så att de inte behöver beräknas på nytt vid varje förfrågan. Centralt för prestanda i Next.js.

Googles mått på upplevd prestanda: laddningstid, interaktivitet och visuell stabilitet. Påverkar både användarupplevelse och ranking.

Customer Relationship Management — system för att hantera relationer och kommunikation med kunder och potentiella kunder.

Call to Action — ett tydligt uppmaningselement som guidar besökaren att göra något specifikt, till exempel 'Kom igång' eller 'Boka demo'.

En liten textfil som webbläsaren sparar och skickar med vid varje förfrågan till samma domän. Används för sessioner, inställningar och spårning.

Content Management System — ett administrationsgränssnitt för att skapa och redigera webbinnehåll utan att röra koden.

Reacts inbyggda mekanism för att dela data genom ett komponentträd utan att skicka props i varje led.

Webbläsarens trädstruktur över alla element på en sida. JavaScript ändrar det som visas genom att uppdatera DOM.

Ett system för att lagra och hämta strukturerad data, till exempel användarkonton, produkter eller inlägg.

Processen att publicera en ny version av en applikation så att den är tillgänglig för riktiga användare.

En lättviktsmiljö för serverfunktioner som körs i nätverkets kant, nära besökaren, i stället för i ett centralt datacenter.

En React-mekanism som fångar fel i sin komponentträd och visar ett reservgränssnitt i stället för att krascha hela sidan.

Den del av en webbapplikation som körs i webbläsaren och som besökaren ser och interagerar med direkt.

Webbläsarens och Node.js inbyggda funktion för att göra HTTP-förfrågningar, returnerar ett promise med svaret.

En Next.js-funktion som talar om vilka dynamiska URL-parametrar som ska pre-renderas vid byggtillfället.

Steget där React kopplar interaktivitet till den HTML som servern redan skickat. Innan hydration syns sidan men knappar och formulär svarar inte än.

En funktion i React som ger en komponent extra förmågor, till exempel att hålla state. Namnen börjar med use, som useState.

Protokollet som webbläsare och servrar använder för att skicka förfrågningar och svar. Grunden för all trafik på webben.

Ett innehållssystem som hanterar text och bilder men lämnar presentationen till ett separat frontend som Next.js. Redaktörer uppdaterar innehåll utan att röra koden.

Tjänsten som tillhandahåller servrar och infrastruktur där en webbapplikation körs och är tillgänglig på internet.

Statiska sidor som byggs om i bakgrunden med jämna mellanrum, så att innehållet kan uppdateras utan en helt ny build.

Processen att förbereda och anpassa en applikation för flera språk och regioner.

Syntaxen som låter dig skriva HTML-liknande kod direkt i JavaScript. Så beskriver React-komponenter sitt innehåll.

JavaScript Object Notation — ett textformat för att representera strukturerad data, standard för datautbyte mellan system.

Webbläsaren får en näst intill tom sida och bygger innehållet med JavaScript efter laddning. Vanligt i traditionella React-appar utan ramverk.

En återanvändbar byggsten i gränssnittet, skriven som en funktion som returnerar det som ska visas. Sidor sätts ihop av många komponenter.

När en besökare genomför en önskad handling, till exempel gör ett köp, anmäler sig till ett nyhetsbrev eller fyller i ett formulär.

Ett formulärelement vars värde styrs av React-state, så att React alltid vet och kontrollerar vad fältet innehåller.

En sida skapad för ett specifikt syfte, ofta kopplad till en annonskampanj, med fokus på att driva en enda konvertering.

En potentiell kund som visat intresse, till exempel genom att lämna kontaktuppgifter eller ladda ner en resurs.

Webbläsarens inbyggda lagring för nyckel-värde-data som finns kvar även när fliken stängs, men aldrig skickas till servern.

Teknik som skjuter upp laddning av resurser till dess de faktiskt behövs, till exempel bilder utanför vykorgen eller sällan använda komponenter.

Platshållarvy som visas medan en sida eller komponent hämtar data, implementerat via React Suspense i Next.js App Router.

Automatisk analys av kod för att hitta fel, potentiella buggar och stilavvikelser utan att köra koden.

Kod som körs innan en förfrågan når sidan, till exempel för omdirigeringar, språkval eller behörighetskontroll.

En avgränsad fil med kod som exporterar delar för andra filer att importera. Grunden för hur ett JavaScript-projekt delas upp.

Next.js inbyggda system för att definiera sidspecifik metadata som title, description och Open Graph-taggar.

Konfigurationsvärden som hålls utanför koden, till exempel API-nycklar och databasadresser, och kan skilja sig mellan miljöer.

Teknik som cachar resultatet av en dyr beräkning och returnerar det cachade resultatet om indata inte ändrats.

Pakethanteraren för JavaScript. Används för att installera och hålla reda på de bibliotek ett projekt är beroende av.

En JavaScript-runtime som kör JavaScript utanför webbläsaren, på servern. Grunden som Next.js och de flesta moderna webbutvecklingsverktyg bygger på.

Besökare som hittar sajten via sökmotorer som Google, utan att du betalat för annonsering.

Next.js äldre routingsystem baserat på mappen pages/. Fungerar fortfarande, men nya projekt bör välja App Router.

Värden som skickas in till en komponent uppifrån, ungefär som argument till en funktion. Gör samma komponent användbar med olika innehåll.

Arbetet med att göra en applikation snabbare, mer responsiv och mer resurseffektiv för slutanvändaren.

Ett JavaScript-objekt som representerar ett asynkront operations slutresultat — antingen ett värde eller ett fel — som inte är tillgängligt ännu.

Processen där kod och data omvandlas till färdig HTML som webbläsaren kan visa. När och var renderingen sker påverkar både prestanda och SEO.

En funktion i App Router som svarar på HTTP-förfrågningar, till exempel ett API-anrop. Motsvarar det som tidigare hette API-routes.

En designstrategi där sidans layout anpassas automatiskt till skärmens storlek, oavsett om besökaren använder mobil, surfplatta eller dator.

En behållare i React som håller ett muterbart värde utan att trigga omrendering, ofta används för att komma åt DOM-element direkt.

Representational State Transfer — ett arkitekturmönster för API:er som använder HTTP-metoder och URL:er för att representera resurser och operationer.

Sidan byggs på servern vid varje förfrågan och skickas som färdig HTML. Passar innehåll som ändras ofta och behöver synas för sökmotorer.

Sidorna byggs en gång vid byggtillfället och serveras som färdiga filer. Mycket snabbt och passar innehåll som sällan ändras.

React-komponenter som körs enbart på servern och aldrig skickar sin JavaScript till webbläsaren. Standard i App Router och håller nere mängden klientkod.

En funktion som körs på servern men anropas direkt från en komponent, ofta för att hantera formulär och dataändringar utan ett separat API.

Servern skickar delar av sidan efterhand som de blir klara, så att besökaren ser innehåll snabbare i stället för att vänta på hela sidan.

Data som en komponent håller reda på och som kan ändras över tid, till exempel innehållet i ett formulärfält. När state ändras ritas komponenten om.

Sökmotoroptimering, arbetet med att göra en sajt lätt för sökmotorer att förstå och ranka. Renderingsmodellen i Next.js påverkar detta direkt.

En serverlagrad identitet kopplad till en inloggad användare, vanligtvis refererad via en cookie med ett sessions-id.

En React-mekanism som visar ett reservinnehåll medan ett barn väntar på asynkrona data eller laddning.

Att översätta nyare eller annan kod till en variant som fler webbläsare förstår, till exempel TypeScript till vanlig JavaScript.

Ett tillägg till JavaScript som inför typer, vilket fångar fel tidigare och gör större kodbaser lättare att underhålla.

Principen och praktiken att bygga webbplatser som fungerar för alla, inklusive personer med funktionsvariationer som använder hjälpmedel.

Den extra arbete som uppstår i framtiden på grund av genvägar eller kompromisser i kod och arkitektur som tagits idag.

Bundlerns process att ta bort oanvänd kod från det slutliga paketet, baserat på vilka exports som faktiskt importeras.

User Experience — upplevelsen en person har när de använder en produkt, inklusive hur intuitiv, effektiv och tillfredsställande den är.

User Interface — de visuella element användaren interagerar med: knappar, formulär, menyer, typografi och layout.

En React-hook för att köra kod som svar på att en komponent mountas, uppdateras eller avmonteras, till exempel för att hämta data eller prenumerera på events.

En applikation som körs i webbläsaren och ofta har inloggning, sparad data och funktioner som påminner om ett vanligt program. Skiljer sig från en enkel innehållssajt.

Kortform för webbapplikation. Begreppen används oftast synonymt.