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

Gå till vercel.com/new
Välj ditt forkade repository
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

Gå till projektinställningarna
Navigera till "Domains"
Lägg till din egen domän
Konfigurera DNS enligt anvisningarna

Begränsningar

::: warning 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.

3.7 KiB Raw Blame History