SERGIO TOMASBack to portfolio

Front-end · Tool

Next.js

React with rendering strategies built in.

Used at
  • DOMVS iT
  • Stellar Gaming
01Overview

Next.js adds routing, server rendering and performance defaults on top of React. I choose it for sites where SEO, first-load speed and a clean full-stack developer experience matter.

02Key concepts

What anyone working with it needs to understand

  1. 01

    Routing

    App Router, layouts, nested and dynamic routes.

  2. 02

    Rendering strategies

    SSR, SSG, ISR and client rendering — and choosing per page.

  3. 03

    Server components

    Fetching data on the server and shipping less JavaScript.

  4. 04

    Data & caching

    fetch caching, revalidation and route handlers.

  5. 05

    Performance

    Image, font and script optimization, Core Web Vitals.

  6. 06

    Deployment

    Edge vs Node runtimes and deploying on cloud platforms.

03In practice
Core stack of the main website I built for a DOMVS iT client, where I also took part in front-end architecture and standards decisions.