Next.js-utvikler i Athen

#Hvorfor leie inn en senior Next.js-utvikler i Athen?

Jeg støtter det lokale næringslivsøkosystemet i Athen. Jeg bygger raske og tilgjengelige WordPress-nettsteder for bedrifter i vekst.

Synlighet i lokale søk, raske sider på mobil og integrasjoner med CRM-, booking- og betalingssystemene som bedrifter i regionen bruker.

React-frontendlandskapet i Athen domineres av Next.js som det produksjonsklare React-rammeverket. Next.js 15 med App Router, React, Server Actions og Turbopack er standardoppsettet for frontender som oppfører seg som applikasjoner: dashbord, B2B-portaler, headless netthandel, multi-tenant SaaS og andre grensesnitt med mye interaktivitet oppå et backend-API. Selskaper i Athen som prøver å fylle en senior Next.js-rolle internt, venter typisk tre til seks måneder og betaler satser som matcher full-stack Go- eller Rust-ansettelser. En senior frilanser på kontrakt tetter dette tidsgapet, og budsjettet følger det faktiske omfanget i stedet for en fast lønn.

Jeg leverer senior Next.js-engineering for selskaper i Athen som frilanskontraktør, EU-jurisdiksjon, B2B-kontrakt på MVA-faktura. Modellen er enkel: jeg gjør avklaringen selv og skriver koden i uke seks, uten overlevering til et offshore-team, uten prosjektledere som faktureres videre og uten juniorer imellom. Prisen settes individuelt etter en times gjennomgang, fordi en Next.js-markedsside med 30 ruter er noe annet enn en multi-tenant SaaS med rollebasert tilgang, distribuert caching og NIS2-krav. I norske oppdrag stilles det ofte krav om at databehandlere står i en oppdatert oversikt, at overføringer ut av EØS er vurdert og dokumentert, og at det finnes faste rutiner for å følge opp hendelser. Dette bygges inn i arkitekturen tidlig, ikke lagt til i siste sprint.

#Hva som skiller Next.js fra Astro og rent React

Next.js eier det applikasjonsformede frontendrommet. App Router med React Server Components henter data på serveren, Server Actions tar seg av skjemainnsendinger uten et eget API-lag, og edge-runtime gir TTFB under 100 ms for dynamiske forespørsler. Astro eier det innholdsformede frontendrommet, sender ingen JavaScript som standard og vinner Lighthouse for markedsider, blogger, dokumentasjon og innholdsdrevne landingssider. Rent React (Vite + react-router) vinner for rent klientside single-page-applikasjoner uten SSR-krav.

For selskaper i Athen ser det praktiske beslutningstreet slik ut:

• Markedsside, blogg, dokumentasjon, innholdskatalog: Astro
• B2B-portal, SaaS-dashbord, headless commerce, interne verktøy: Next.js
• Innebygd widget, mobile-first SPA uten SEO-behov: Vite + React
• Eksisterende WordPress som trenger raskere offentlig frontend: headless WordPress, med Astro eller Next.js avhengig av applikasjonsflate

Jeg leverer alle fire mønstre. Denne siden dekker Next.js-siden.

#Hva dekker Next.js-utvikling i Athen?

#Greenfield Next.js-applikasjoner

App Router-arkitektur fra første dag: server components for datahenting, client components for interaktivitet, server actions for endringer og route handlers for REST/RPC-endepunkter. TypeScript i streng modus, Tailwind CSS eller et valgt designsystem, shadcn/ui eller eget komponentbibliotek, serverside autentisering med NextAuth, Auth.js eller en tredjepartsleverandør, Drizzle ORM eller Prisma for databasetilgang, og Server Actions pluss revalidation paths for cache-invalidering. Jeg leverer Next.js-applikasjoner i Athen som skalerer forutsigbart fra MVP til produksjon.

#Headless commerce på Next.js

Shopify Hydrogen, BigCommerce, commercetools, Saleor eller egne GraphQL/REST-API-backender rendret gjennom Next.js. Produktsider som statisk genererte ruter med revalidering ved behov, handlekurv og kasse som interaktive klientkomponenter med Server Actions for endringer, søk via Algolia eller Meilisearch, flerspråklighet med next-intl eller den innebygde i18n i App Router, og edge-caching for raskere katalog. Next.js-handelsarkitektur i Athen forener redaksjonell hastighet fra statisk rendering med dynamisk SPA-oppførsel.

#Headless WordPress på Next.js

WordPress som redaksjonelt CMS, Next.js-frontend som henter innhold via REST API eller GraphQL (WPGraphQL). Redaksjonen beholder WordPress-arbeidsflyten de kjenner, mens den offentlige frontenden får React Server Components, raske sideoverganger og automatiserte utrullinger på Vercel-nivå. Vanlig mønster for selskaper i Athen med redaksjonelle innholdsflater som må ut raskt på mobil.

#Migrasjon fra Pages Router, CRA, Gatsby eller andre rammeverk

Fra Next.js 12 Pages Router til Next.js 15 App Router, rute for rute, slik at du slipper én stor og risikabel produksjonssetting. Migrering fra create-react-app til Next.js for prosjekter som har vokst fra ren klientside-rendering. Migrering fra Gatsby til Next.js eller Astro, avhengig av om nettstedet er en applikasjon eller et innholdsnettsted. Migrering fra egne React- og Webpack-oppsett til Next.js når teamet heller vil bruke rammeverkets ferdige verktøy enn å vedlikeholde sine egne.

#Ytelsesoptimalisering

Next.js-applikasjoner får fort tunge JavaScript-bunter uten disiplin: client components overalt, store komponentbibliotek importert i sin helhet, bildeoptimalisering hoppet over og tredjepartsskript lagt i den globale layouten. Jeg gjennomgår produksjons-Next.js-applikasjoner i Athen med tanke på bundle-størrelse (med @next/bundle-analyzer), code-splitting-muligheter, server-mot-klient-komponentgrenser, bilde- og fontoptimalisering og Core Web Vitals. Du får en prioritert tiltaksliste og et Lighthouse-referansepunkt fra før optimaliseringen, slik at forbedringen måles under like forhold.

#React Server Components og Server Actions

Overgangen til RSC og Server Actions i App Router endrer hvordan data hentes og endres. Jeg hjelper teamet ditt med å ta i bruk de nye mønstrene: hvilke komponenter som må kjøre på klienten og hvilke på serveren, når du bruker Server Actions og når route handlers, hvordan du håndterer autentiserte endringer, hvordan du invaliderer cache på tvers av servergrenser, og hvordan du tester RSC-trær med både server- og klientkode.

#Internasjonalisering og multi-region-ruting

Ruting for flerspråklige nettsteder i Next.js: underkataloger (/en, /de, /pl), egne domener (.com, .de, .pl) eller helt dynamisk med språkvalg fra cookies og headere. Oversettelser med next-intl, react-i18next eller statiske JSON-ordbøker. SEO med hreflang, kanoniske URL-er, sitemap per språk og lokaliserte strukturerte data. Jeg implementerer dette for selskaper i Athen som betjener flere EU-markeder eller driver global SaaS.

#Egne backend-for-frontend-mønstre

Server Actions og route handlers som et tynt BFF-lag som samler kall til flere backend-tjenester, normaliserer payloads, håndterer autentisering, setter rate limiting og returnerer svar tilpasset frontenden. Dette mønsteret passer for selskaper i Athen med mikrotjenester på backend (ofte Laravel, Symfony, NestJS eller Go) og en Next.js-frontend som trenger ett endepunkt per side.

#Frontend-applikasjoner for voksende bedrifter og regionale selskaper i Athina

Sett fra arkitektur for Next.js-applikasjoner: små og mellomstore bedrifter i regionen og selskaper i vekst som leier inn seniorutviklere, har en begrensning større selskaper sjelden har: hver krone må kunne knyttes til et målbart resultat innen et kvartal. Det som fungerer: et ærlig avgrenset omfang i avklaringsfasen, raskt fram til en versjon som kjører, og jevnlige leveranser på en test-URL, slik at teamet ditt kan følge fremdriften hver uke.

• Drifts-hygiene: monitoring, error tracking, runbooks som intern drift kan handle på uten eskalering
• Pragmatiske teknologivalg: stack som det lokale talentmarkedet kan ansette for, ikke det nyeste rammeverket fra konferansekretsen
• Ærlig omfangsbeskjæring ved discovery: funksjoner som bør utsettes blir utsatt før de havner på tidslinjen
• Ukentlig fremgang synlig i testmiljøet, ikke en milepælsport der seks ukers arbeid avdukes på en gang

#Next.js-stack og verktøy jeg kjører i produksjon

#Rammeverk-versjoner

• Next.js 15 med App Router for nye prosjekter, Next.js 14 for prosjekter allerede i produksjon
• React 19 med use()-hook, useOptimistic, useFormStatus og den nye React-kompilatoren
• TypeScript 5.x i streng modus, med type-safe routes og typede Server Actions
• Turbopack for utvikling, webpack eller Turbopack for produksjon avhengig av plugin-kompatibilitet

#UI og styling

• Tailwind CSS 4 med design tokens og automatisk purging, eller et prosjektspesifikt designsystem
• shadcn/ui for tilgjengelige komponentprimitiver lagvis med Radix UI og Tailwind
• Framer Motion for animasjon når designet faktisk drar nytte av bevegelse
• CSS Modules eller vanilla-extract når shadcn/ui er overkill for prosjektoverflaten

#Data, ORM og autentisering

• Prisma eller Drizzle for typesikker databasetilgang, med PostgreSQL 16+ som standard
• NextAuth.js / Auth.js for autentisering med e-post, OAuth og credential-leverandører
• Clerk eller WorkOS for prosjekter som trenger enterprise-autentisering ut av boksen
• Server Actions for skjemainnsending og mutasjoner, med Zod-skjemavalidering
• TanStack Query eller SWR når klientside datahenting faktisk er påkrevd

#Hosting og utrulling

• Vercel som standard for Next.js, med forhåndsvisningsutrullinger per pull request, edge-runtime der det hjelper, og Vercel Analytics for Core Web Vitals
• Cloudflare Workers når teamet foretrekker Cloudflares edge-plattform av kostnads- eller diversifikasjonshensyn
• Selvhostet Node bak en reverse proxy når prosjektet faktisk krever EU-jurisdiksjonsgaranti som utelukker amerikanske hyperscalers fra forespørselsbanen

#Testing og kvalitet

• Playwright for ende-til-ende-tester på tvers av nettlesere og viewports
• Vitest for enhets- og komponenttester, Testing Library for interaksjonstester
• Storybook for komponentdokumentasjon og visuell regresjon
• GitHub Actions for CI: lint, typecheck, tester, build, utrulling til testmiljøet
• Lighthouse CI i utrullingsløpet slik at ytelsesregresjoner blokkerer produksjon

#Observability og monitorering

• Sentry for feilsporing og Session Replay
• Vercel Analytics eller Cloudflare RUM for Core Web Vitals fra reelle brukere
• Datadog eller New Relic for APM på selvhostede oppsett
• PostHog for produktanalyse med personvernvennlig session recording

Lokal kontekst: oppstarts- og teknologimiljøet i Athina er et tydelig referansepunkt for teknologimiljøet i Athina, og Athens WordPress Meetup er fortsatt et sted der seniorpraktikere utveksler erfaringer.

#Hvordan ser markedet ut for selskaper i Athen?

Senior Next.js-satsen i Athen reflekterer lokale markedsforhold og tilleggskostnader fra EU-jurisdiksjon. I tilbudene jeg skriver ligger satsen for seniorer på React med erfaring fra Next.js App Router 25 til 50 prosent over medianen for full-stack, fordi rollen krever både React på klientsiden (tilstandshåndtering, tilgjengelighet, mobil UX) og arkitektur på serversiden (RSC-grenser, caching, BFF-mønstre), noe som sjelden finnes hos juniorer eller utviklere på mellomnivå. For kunder i Tyskland, Norge, Storbritannia og USA ligger satsene i tilbudene jeg skriver 30 til 80 prosent over polsk nivå, avhengig av rammeverk, krav til etterlevelse og kontraktens lengde. Norske oppdragsgivere sammenligner ofte satsen med kostnaden for et fast ansatt seniorteam i Oslo eller Bergen, der det nå tar lengre tid å rekruttere etter at offentlig sektor og bankene har tatt mye av den tilgjengelige kapasiteten.

Implikasjonen for selskaper i Athen: En senior Next.js-utvikler ansatt lokalt koster omtrent samme timepris som én engasjert via EU-frilansavtale, men frilansmodellen hopper over rekrutteringsledetiden (som nå ligger på 3 til 6 måneder for seniorroller), gir B2B-fakturering i stedet for fulltidsansettelseskostnader og lar engasjementet skalere opp eller ned med faktisk omfang. For norske kunder gir en kontrakt med en frilanser i EU også ryddig MVA-håndtering med omvendt avgiftsplikt ved kjøp av tjenester fra utlandet, uten at et norsk selskap må stå mellom deg og meg.

#Etterlevelse og jurisdiksjon

Compliance-stillingen for Next.js-applikasjoner som betjener kunder i Hellas mapper vanligvis til:

• GDPR
• NIS2
• OWASP Top 10

Disse kravene styrer cookie-samtykket, analyseoppsettet og hvordan forespørsler fra de registrerte håndteres.

#Samarbeidsmodell og prosjektplan

Senior B2B i EU-jurisdiksjon. NDA som standard, rammeavtale med tydelig omfang og milepæler, timebasert eller fastpris avhengig av hvor avklart oppdraget er. Avklaringen tar en time: jeg leser oppdragsbeskrivelsen, stiller tekniske spørsmål skriftlig, går gjennom dagens oppsett (hvis det finnes), kartlegger risiko og ukjente faktorer og priser omfanget individuelt etterpå. Ingen «fra X per time» i tilbudet, fordi gjennomgangen ofte flytter estimatet 20 til 40 prosent i den ene eller andre retningen.

Et typisk Next.js engasjement bygget fra bunnen i Athen:

1. Uke 1, avklaring, arkitekturbeslutninger (RSC-grenser, autentisering, datalag), miljøoppsett, kjørbar demo i testmiljøet innen fredag
2. Uke 2-4, implementering av designsystem, primære ruter, autentiseringsflyt, databasestruktur og Prisma/Drizzle-oppsett, kjernemutasjoner via Server Actions
3. Uke 5-8, ferdigstilling av funksjoner, integrasjoner med eksterne tjenester, adminflater, søk, internasjonalisering hvis i omfanget
4. Uke 9-10, ytelsesrunde med bundle-analyse og Lighthouse CI, tilgjengelighetsrevisjon (WCAG 2.2 AA), sikkerhetsgjennomgang, observability-oppsett
5. Uke 11-12, produksjonsovergang, monitorering, valgfri overlevering til fast oppfølging

En typisk migrering til Next.js (fra Pages Router til App Router, eller fra et annet rammeverk):

1. Uke 1-2, kodebase-gjennomgang, avhengighetsanalyse, ruteinventar, RSC-grenseplanlegging
2. Uke 3-6, rute-for-rute-migrasjon med strangler-mønster, regresjonstester på hver migrert flate
3. Uke 7-10, full overgang til App Router, sletting av Pages Router-kodebaner, ytelsesrunde
4. Uke 11-12, monitorering etter lansering, overgang til fast oppfølging

#Hva spør kunder i Athen om før de bestiller?

#App Router eller Pages Router?

App Router for alle nye prosjekter på Next.js 14 eller 15. Pages Router bare for eksisterende applikasjoner der det ennå ikke lønner seg å migrere. Server Components og Server Actions i App Router gir merkbart bedre utvikleropplevelse og høyere ytelsestak, og Vercels dokumentasjon bruker nå App Router som standard.

#Next.js, Remix eller rent React?

Next.js for applikasjoner i produksjon med SSR, ISR, edge-runtime og automatiserte utrullinger på Vercel-nivå. Remix er et godt alternativ når teamet foretrekker modellen for datalasting, og det fungerer godt med Cloudflare Workers; rammeverket er nå en del av React Router 7. Rent React (Vite + react-router) for innebygde widgets og SPA-er som ikke trenger SSR. Standardvalget for selskaper i Athen som ansetter senior frontend-talent i dag er Next.js, fordi både talentpoolen og produksjonshistorikken er større.

#Vercel eller selvhostet?

Vercel når du vil ha minst mulig driftsarbeid, raske preview-utrullinger og full støtte for alle Next.js-funksjoner. Selvhostet Node på AWS, GCP eller Cloudflare når prosjektet krever garantier for dataresidens som holder amerikanske hyperscalere utenfor forespørselsbanen, når selvhosting blir billigere enn Vercel ved stor skala, eller når teamet ditt allerede har en foretrukket infrastruktur. Jeg leverer begge, og valget avhenger av krav til etterlevelse, skala og hvor moden driften er, ikke av hvilket rammeverk jeg liker best.

#Kan jeg migrere fra WordPress til Next.js?

Ja, i to varianter. Headless WordPress: WP beholder redaksjonen, Next.js renderer den offentlige frontenden ved å hente via REST eller GraphQL. Redaksjonen jobber som før, og frontenden får interaktivitet som i en applikasjon. Full migrasjon: WP erstattes av et CMS bedre tilpasset React-økosystemet (Sanity, Contentful, Strapi, Storyblok, Payload). Redaksjonen må lære et nytt verktøy, men arkitekturen henger sammen fra ende til ende. Valget avhenger av hvor fritt redaksjonen skal kunne jobbe, og hvor mye av dagens WordPress-arbeidsflyt det er verdt å beholde.

#Hvor lang tid tar en Next.js B2B-portal?

En mellomstor B2B-portal (autentisering, rollebasert tilgang, rundt 30 til 60 ruter, 3 til 5 integrasjoner, revisjonslogg, enkel administrasjon) tar 10 til 16 uker fra start til slutt. Omfanget varierer med hvor kompleks autentiseringen er (single-tenant, multi-tenant eller OIDC-føderasjon), antall og type integrasjoner, krav til etterlevelse (NIS2, DORA, tilgjengelighet) og hvor tilpasset designsystemet er. En SaaS med fakturering, multi-tenancy og et komplekst tilgangshierarki tar lengre tid, et enkelt internt verktøy med single-tenant-autentisering kortere.

#Leverer du også mobilapplikasjoner?

Jeg leverer Next.js for web. For native mobil integrerer jeg med React Native-prosjekter (delte TypeScript-typer og API-klienter mellom Next.js-nettstedet og React Native-appen), men jeg leverer ikke native apper som hovedoppdrag. De fleste kunder bruker en egen React Native-spesialist for mobilappen og kobler den sammen via et felles API eller BFF-lag.

#Hvilke andre tjenester finnes i Athen?

Next.js-tjenesten i Athen passer sammen med tre tilstøtende tjenester jeg leverer:

• PHP backend-utvikler, for prosjekter som parer Next.js-frontend med Laravel- eller Symfony-backend. Next.js som BFF eller full klient, PHP som API og system of record.
• Astro-utvikler, for innholdsformede flater (markedsider, blogger, dokumentasjon) som drar nytte av Astros zero-JavaScript-by-default-modell fremfor Next.js’ React-everywhere-modell.
• Headless WordPress, for redaksjonelt drevne prosjekter der det er riktig å beholde WordPress som CMS mens Next.js leverer den offentlige frontenden.

#Hvordan starter man et Next.js-prosjekt i Athen?

Senior Next.js-utvikler, tilgjengelig for B2B-oppdrag. EU-jurisdiksjon og individuelt pristilbud etter en times gjennomgang av oppdraget. Fortell meg hva oppdraget gjelder (nybygg, migrering, ytelsesoptimalisering, headless-integrasjon), hva du eventuelt migrerer fra, og tidsplanen. Jeg svarer på virkedager (CET).