adapter-cloudflare

npm install -D @sveltejs/adapter-cloudflare wrangler

/// file: svelte.config.js
import adapter from '@sveltejs/adapter-cloudflare';

/** @type {import('@sveltejs/kit').Config} */
const config = {
  kit: {
    adapter: adapter({
      routes: {
        include: ['/*'],
        exclude: ['<all>']
      }
    })
  }
};

export default config;

/// file: packages/adapter-cloudflare/index.d.ts
export interface AdapterOptions {
  config?: string;      // Path to wrangler config
  fallback?: 'plaintext' | 'spa';  // 404 handling
  routes?: {
    include?: string[];  // Routes handled by functions
    exclude?: string[];  // Routes served as static assets
  };
  platformProxy?: GetPlatformProxyOptions;
}

adapter({
  config: 'wrangler.toml'
})

adapter({
  fallback: 'spa'  // Better for client-side navigation
})

/// file: packages/adapter-cloudflare/index.js
if (options.fallback === 'spa') {
  await builder.generateFallback(fallback);
} else {
  writeFileSync(fallback, 'Not Found');
}

adapter({
  platformProxy: {
    persist: true  // Persist KV/D1/R2 data between dev sessions
  }
})

name = "my-sveltekit-app"
compatibility_date = "2024-01-01"

pages_build_output_dir = ".vercel/output/static"

[env.production]
routes = [
  { pattern = "example.com", zone_name = "example.com" }
]

[[kv_namespaces]]
binding = "MY_KV"
id = "your-kv-namespace-id"

[[d1_databases]]
binding = "DB"
database_name = "my-database"
database_id = "your-database-id"

[[r2_buckets]]
binding = "MY_BUCKET"
bucket_name = "my-bucket"

interface Platform {
  env: {
    // Your KV namespaces, D1 databases, R2 buckets, etc.
    [key: string]: any;
  };
  context: {
    waitUntil(promise: Promise<any>): void;
    passThroughOnException(): void;
  };
  caches: CacheStorage;
  cf: IncomingRequestCfProperties;
}

/// file: src/hooks.server.js
/** @type {import('@sveltejs/kit').Handle} */
export async function handle({ event, resolve }) {
  // Access request metadata
  const country = event.platform.cf.country;
  
  // Use waitUntil for background tasks
  event.platform.context.waitUntil(
    logAnalytics(event.request)
  );
  
  const response = await resolve(event);
  response.headers.set('X-Country', country);
  
  return response;
}

.cloudflare/
├── _worker.js        # Worker entry point
├── _headers          # Custom headers
├── _redirects        # Redirect rules
└── _routes.json      # Routing configuration (Pages only)

/// file: packages/adapter-cloudflare/index.js
function generate_headers(app_dir) {
  return `
# === START AUTOGENERATED SVELTE IMMUTABLE HEADERS ===
/${app_dir}/*
  X-Robots-Tag: noindex
  Cache-Control: no-cache
/${app_dir}/immutable/*
  ! Cache-Control
  Cache-Control: public, immutable, max-age=31536000
# === END AUTOGENERATED SVELTE IMMUTABLE HEADERS ===
`.trimEnd();
}