Deploy til Vercel

Vercel tilbyder den letteste deployment-oplevelse for statiske sites.

Deploy med ét klik

Manuel deployment

Trin 1: Fork repositoriet

Fork bentopdf/bentopdf til din GitHub-konto.

Trin 2: Importér til Vercel

1. Gå til vercel.com/new
2. Vælg dit forkede repository
3. Konfigurér projektet:

Indstilling	Værdi
Framework Preset	Vite
Build Command	npm run build
Output Directory	dist
Install Command	npm install

Trin 3: Miljøvariabler (valgfrit)

Tilføj disse, hvis det er nødvendigt:

Variabel	Beskrivelse
SIMPLE_MODE	Sæt til true for minimal brugerflade
VITE_BRAND_NAME	Brugerdefineret brandnavn (erstatter "BentoPDF")
VITE_BRAND_LOGO	Logosti relativt til public/ (f.eks. images/my-logo.svg)
VITE_FOOTER_TEXT	Brugerdefineret sidefods-/ophavsretstekst
VITE_DEFAULT_LANGUAGE	Standardsprog i brugerfladen (f.eks. fr, de, es)

Trin 4: Deploy

Klik på "Deploy", og vent på, at buildet er færdigt.

Eget domæne

1. Gå til dit projekts indstillinger
2. Naviger til "Domains"
3. Tilføj dit eget domæne
4. Konfigurér DNS som anvist

Begrænsninger

Store filer

Vercels serverless-funktioner har en grænse på 50 MB. Da BentoPDF er et statisk site, bør det ikke påvirke dig, men WASM-modulerne er store (ca. 100 MB i alt). Sørg for, at de leveres fra mappen /public.

Fejlfinding

Build-timeout

Hvis buildet timer ud, så prøv:

// vercel.json
{
  "buildCommand": "npm run build",
  "outputDirectory": "dist"
}

404 ved opdatering af siden

Tilføj en vercel.json til SPA-routing:

{
  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}

Word/ODT/Excel til PDF virker ikke

LibreOffice WASM-konverteringer kræver SharedArrayBuffer, som kræver disse svarheadere på alle sider:

• Cross-Origin-Embedder-Policy: require-corp
• Cross-Origin-Opener-Policy: same-origin

De forkomprimerede .wasm.gz- og .data.gz-filer skal også have Content-Encoding: gzip, så browseren dekomprimerer dem.

Tilføj disse til din vercel.json:

{
  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }],
  "headers": [
    {
      "source": "/(.*)",
      "headers": [
        { "key": "Cross-Origin-Embedder-Policy", "value": "require-corp" },
        { "key": "Cross-Origin-Opener-Policy", "value": "same-origin" },
        { "key": "Cross-Origin-Resource-Policy", "value": "cross-origin" }
      ]
    },
    {
      "source": "/libreoffice-wasm/soffice.wasm.gz",
      "headers": [
        { "key": "Content-Type", "value": "application/wasm" },
        { "key": "Content-Encoding", "value": "gzip" }
      ]
    },
    {
      "source": "/libreoffice-wasm/soffice.data.gz",
      "headers": [
        { "key": "Content-Type", "value": "application/octet-stream" },
        { "key": "Content-Encoding", "value": "gzip" }
      ]
    }
  ]
}

For at kontrollere det skal du åbne DevTools Console og køre console.log(window.crossOriginIsolated). Den skal returnere true.