Distribuera till Vercel

Vercel erbjuder den enklaste distributionsupplevelsen för statiska webbplatser.

Distribuera med ett klick

Manuell distribution

Steg 1: Forka repositoryt

Forka bentopdf/bentopdf till ditt GitHub-konto.

Steg 2: Importera till Vercel

1. Gå till vercel.com/new
2. Välj ditt forkade repository
3. Konfigurera projektet:

Inställning	Värde
Framework Preset	Vite
Build Command	npm run build
Output Directory	dist
Install Command	npm install

Steg 3: Miljövariabler (valfritt)

Lägg till dessa vid behov:

Variabel	Beskrivning
SIMPLE_MODE	Sätt till true för minimalt gränssnitt
VITE_BRAND_NAME	Eget varumärkesnamn (ersätter "BentoPDF")
VITE_BRAND_LOGO	Logotypsökväg relativt public/ (t.ex. images/my-logo.svg)
VITE_FOOTER_TEXT	Egen sidfots-/upphovsrättstext
VITE_DEFAULT_LANGUAGE	Standardspråk för gränssnittet (t.ex. fr, de, es)

Steg 4: Distribuera

Klicka på "Deploy" och vänta tills bygget är klart.

Egen domän

1. Gå till projektinställningarna
2. Navigera till "Domains"
3. Lägg till din egen domän
4. Konfigurera DNS enligt anvisningarna

Begränsningar

Stora filer

Vercels serverlösa funktioner har en gräns på 50 MB. Eftersom BentoPDF är en statisk webbplats ska detta inte påverka dig, men WASM-modulerna är stora (cirka 100 MB totalt). Se till att de levereras från mappen /public.

Felsökning

Tidsgräns för bygget överskrids

Om bygget överskrider tidsgränsen, prova:

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

404 vid omladdning

Lägg till en vercel.json för SPA-routing:

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

Word/ODT/Excel till PDF fungerar inte

LibreOffice WASM-konverteringar kräver SharedArrayBuffer, som kräver dessa svarshuvuden på alla sidor:

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

De förkomprimerade filerna .wasm.gz och .data.gz behöver också Content-Encoding: gzip så att webbläsaren packar upp dem.

Lägg till dessa i 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" }
      ]
    }
  ]
}

För att verifiera öppnar du DevTools Console och kör console.log(window.crossOriginIsolated). Det ska returnera true.