Skip to content

Svelte

The Svelte sample under samples/svelte is a Vite + Svelte + TypeScript SPA. npm run build writes a static bundle to dist/.

AppHost wiring

C#
TypeScript

builder.AddJavaScriptApp("svelte", "../svelte")
    .WithHttpEndpoint(targetPort: 5175, env: "PORT")
    .PublishAsNetlifySite(
        options: new NetlifyDeployOptions
        {
            Dir = "dist",
            NoBuild = true,
            Site = "<your-site-id>"
        },
        authToken: authToken);

builder
  .addJavaScriptApp("svelte", "../svelte")
  .withHttpEndpoint({ targetPort: 5175, env: "PORT" })
  .publishAsNetlifySite(
    {
      dir: "dist",
      noBuild: true,
      site: "<your-site-id>",
    },
    authToken,
  );

If you migrate to SvelteKit you’ll want @sveltejs/adapter-static for the same flat-directory deploy story; switch Dir to build to match the adapter’s output.

Build & deploy locally

cd samples/svelte
npm ci
npm run build
cd ../..
aspire deploy --apphost samples/AllFrameworks.AppHost/AllFrameworks.AppHost.csproj

See also