Cloudflare Workers: Einführung und Erste Schritte

Zusammenfassung: Cloudflare Workers ist eine serverseitige Ausführungsumgebung, die JavaScript am Edge-Standort in weltweit über 330 Städten ausführt. Dieser Leitfaden behandelt die Workers-Runtime, das Wrangler CLI-Setup, die Projektstruktur, lokale Entwicklung und das Deployment. Das vollständige Tutorial finden Sie unter tanstackship.com.

Einführung

Cloudflare Workers führt Ihren Code im globalen Netzwerk von Cloudflare aus und skaliert automatisch von null auf Millionen von Anfragen. Im Gegensatz zu herkömmlichen Serverless-Lösungen (AWS Lambda) wird Workers gleichzeitig in jedem Rechenzentrum ausgeführt, sodass Sie Rechenleistung in Millisekunden für jeden Nutzer bereitstellen können. Einen detaillierten Vergleich der Edge-Computing-Plattformen finden Sie in unserem Leitfaden Edge Computing: Workers vs Lambda@Edge.

Wrangler CLI Setup

# Wrangler global installieren
npm install -g wrangler

# Ins Cloudflare-Konto einloggen
wrangler login

# Ein neues Workers-Projekt erstellen
npx create-cloudflare my-worker

# Lokale Entwicklung starten
wrangler dev

# In Produktion deployen
wrangler deploy

Einfacher Worker

export default {
  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
    const url = new URL(request.url)

    if (url.pathname === '/api/hello') {
      return new Response(JSON.stringify({ message: 'Hello from the edge!' }), {
        headers: { 'Content-Type': 'application/json' },
      })
    }

    return new Response('Not Found', { status: 404 })
  },
}

Workers im Vergleich zu anderen Compute-Plattformen

Fazit

Cloudflare Workers bietet die schnellste verfügbare Serverless-Runtime. Mit Kaltstarts von nahezu null und globaler Verteilung ist sie ideal für APIs, Middleware und SSR. In Kombination mit TanStack Start erhalten Sie ein Full-Stack-Framework, das auf Workers läuft. Für ein Production-Deployment folgen Sie unserem TanStack Start Deployment Guide. Und um Ihre TypeScript-Umgebung richtig zu konfigurieren, lesen Sie den Leitfaden Cloudflare Workers TypeScript Setup.