Naar inhoud springen

Volgende.js

Next.js CI op GitHub Actions

next build compileert elke pagina opnieuw, zelfs als één component is gewijzigd.

5m → jaren 90
Bouw
93%
Cachehitpercentage

next build compileert elke pagina opnieuw, zelfs als één component is gewijzigd.

Waarom het gebeurt

De map .next/cache bevat de incrementele build-cache en wordt tussen uitvoeringen weggegooid.

Wat te veranderen

  1. Cache .next/cache ingetoetst op het lockfile plus bronhash
  2. Schakel Turbopack-builds in waar uw app deze ondersteunt
  3. Splits typecheck en lint in parallelle taken, zodat ze de build niet serialiseren
  4. Gebruik een runner met 4 vCPU's met NVMe: volgende builds zijn sterk I/O-gebonden

Next.js op runnerhut

yaml
jobs:
build:
runs-on: runnerhut-4vcpu-ubuntu-2404
steps:
- uses: actions/checkout@v4
- uses: actions/cache@v4
with:
path: .next/cache
key: next-${{ hashFiles('**/package-lock.json') }}-${{ github.sha }}
restore-keys: next-${{ hashFiles('**/package-lock.json') }}-
- run: npm ci && npm run build
Een werkend uitgangspunt

De enige runnerhut-specifieke regel is `runs-on: runnerhut-4vcpu-ubuntu-2404`. Al het andere is standaard GitHub Actions — dezelfde acties, dezelfde geheimen en hetzelfde machtigingsmodel dat u vandaag de dag gebruikt.

Je volgende build kan twee keer zo snel zijn, voor de halve prijs

Begin gratis. Weggaan is dezelfde ene regel, en die diff publiceren we ook.