Vike

1. npm

   npm i wrangler vike-photon @photonjs/cloudflare

2. pages/+config.ts

     import type { Config } from 'vike/types'
   + import vikePhoton from 'vike-photon/config'
   
     export default {
   +   extends: [vikePhoton]
     } satisfies Config

3. package.json

     {
       "scripts": {
         "dev": "vike dev",
   +     "preview": "vike build && vike preview",
   +     "deploy": "vike build && wrangler deploy"
       }
     }

   wrangler.jsonc

   + {
   +   "$schema": "node_modules/wrangler/config-schema.json",
   +   "compatibility_date": "2025-08-06",
   +   "name": "my-vike-cloudflare-app",
   +   "main": "virtual:photon:cloudflare:server-entry",
   +   // Only required if your app depends a Node.js API
   +   "compatibility_flags": ["nodejs_compat"]
   + }

4. .gitignore

   + .wrangler/

5. (Volitelné) Ve výchozím nastavení Photon používá vestavěný server, který podporuje základní funkce jako SSR. Pokud potřebujete další funkce serveru (např. nahrávání souborů ↗ nebo Trasy API ↗), poté vytvořte si vlastní server ↗.

import { env } from 'cloudflare:workers'
// Key-value store
env.KV.get('my-key')
// Environment variable
env.LOG_LEVEL
// ...

git commit -am "update cloudflare types"

  {
    "compilerOptions": {
+     "types": ["./worker-configuration.d.ts"]
   }
  }