Skip to content

openworkers/adapter-sveltekit

Repository files navigation

@openworkers/adapter-sveltekit

SvelteKit adapter for OpenWorkers.

Installation

bun add -d @openworkers/adapter-sveltekit

Usage

// svelte.config.js
import adapter from '@openworkers/adapter-sveltekit';

export default {
  kit: {
    adapter: adapter({
      outDir: 'build', // Output directory (default: 'build')
      functions: true // Generate mini-workers for API routes (default: false)
    })
  }
};

Options

Option Type Default Description
outDir string 'build' Output directory for the build
functions boolean false Generate separate mini-workers for each API route
nodeCompat boolean false Include shims for Node.js built-in modules

Output

build/
├── _worker.js     # Main SSR worker
├── _routes.json   # Route manifest for edge routing
├── assets/        # Static assets and prerendered pages
└── functions/     # Mini-workers for API routes (if functions: true)
    ├── api-hello.js
    └── api-users.js

Functions Mode

When functions: true, the adapter generates a separate mini-worker for each +server.ts endpoint:

  • /api/hello/+server.tsfunctions/api-hello.js
  • /api/users/+server.tsfunctions/api-users.js

The route mappings are included in _routes.json:

{
  "functions": [
    { "pattern": "/api/hello", "worker": "functions/api-hello.js" },
    { "pattern": "/api/users", "worker": "functions/api-users.js" }
  ]
}

This prepares for native project routing in the OpenWorkers runner, where each function can be deployed as a separate worker for better isolation and scaling.

TypeScript

For proper types on platform.env, add @openworkers/workers-types:

bun add -d @openworkers/workers-types

Then in src/app.d.ts:

/// <reference types="@openworkers/workers-types" />

declare global {
  namespace App {
    interface Platform {
      env: {
        KV: BindingKV;
        ASSETS: BindingAssets;
      };
    }
  }
}

export {};

Deployment

Build your SvelteKit app, then deploy it with the OpenWorkers CLI:

# Build
bun run build

# Deploy
ow workers upload my-app ./build

For a first deployment, you'll need to set up the worker and its assets binding:

# Create the worker
ow workers create my-app -d "My SvelteKit App"

# Create a storage bucket for static assets
ow storage create my-storage

# Create an environment and bind the storage as ASSETS
ow env create my-app-env
ow env bind my-app-env ASSETS my-storage --type assets

# Link the environment to the worker
ow workers link my-app my-app-env
# Build and upload
bun run build
ow workers upload my-app ./build

Examples

License

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Sponsor this project

 

Packages

No packages published