Pixel/Happy_Forest
Template
1
1
Fork 0
Code Issues 7 Pull requests Projects 1 Releases Packages Wiki Activity Actions

www.EZ-Games.de einrichten - Cloudflare Setup: Web-Entwicklung, Forgejo & Auto-Deployment #4

New issue
Open
opened 2026-07-29 01:15:26 +02:00 by Pixel · 0 comments
Pixel commented 2026-07-29 01:15:26 +02:00
Owner
Copy link

www.EZ-Games.de einrichten - Cloudflare Setup: Web-Entwicklung, Forgejo & Auto-Deployment

Ziel dieses Tickets ist das Einrichten des Web-Projekts für EZ-Games / Happy Forest. Die Entwicklung erfolgt lokal bzw. in der Desktop-App via Claude Code, der Code wird im eigenen Forgejo-Server (ez-games.dev) verwaltet und Änderungen werden über Webhooks automatisch auf Cloudflare Pages gehostet.

🛠️ Phase 1: Projekt-Setup & Lokale Arbeitsumgebung

  • Forgejo Repository vorbereiten
    • Neues Repository für die Website in Forgejo (https://ez-games.dev) anlegen
    • Repository lokal auf den Entwickler-PC klonen
  • Claude Code (Desktop / CLI) anbinden
    • Projektordner in der Claude Code Desktop App öffnen
    • .clauderc / CLAUDE.md mit Projektregeln, Tech-Stack und Code-Style für die KI-Generierung anlegen
    • Git-Zugriff in Claude Code prüfen (damit Claude Commits & Branch-Handling versteht)

🎨 Phase 2: Ausarbeitung & Generierung mit Claude Code

  • Projekt-Struktur & Tech-Stack aufsetzen
    • Framework/Setup festlegen (z. B. Astro, Static HTML/JS oder Tailwind)
    • Grundgerüst & Build-Skripte von Claude Code generieren lassen
  • Content & UI-Komponenten entwickeln
    • Landingpage-Layout aufbauen (Hero-Section, Happy Forest Showcase, Feature-Grid, Discord-Links)
    • OpenGraph-Meta-Tags (für Vorschau-Karten in Discord/Social Media) & Favicon einbinden
    • Impressum & Datenschutz-Seiten anlegen
  • Lokale Prüfung & Commits
    • Code lokal testen (Responsive Design für Mobile & Desktop)
    • Ersten Stand via Git/Claude Code committen und auf ez-games.dev pushen

☁️ Phase 3: Cloudflare Hosting & Domain Anbindung

  • Cloudflare Setup & DNS
    • Domain ez-games.dev (oder Subdomain) in Cloudflare verwalten / Nameserver verifizieren
    • SSL/TLS-Verschlüsselung auf "Full (strict)" stellen
  • Cloudflare Pages Projekt erstellen
    • Cloudflare Dashboard -> Workers & Pages -> Create application -> Pages
    • Direct Upload / Webhook-Deployment auswählen
    • Custom Domain (z. B. ez-games.dev oder happyforest.ez-games.dev) verknüpfen

🔄 Phase 4: Automatisierung (Forgejo ➔ Cloudflare Webhook)

  • Cloudflare Deploy Hook erstellen
    • In den Cloudflare Pages Projekt-Einstellungen unter Builds & deployments einen Deploy Hook anlegen
    • Eindeutige Deploy-Hook-URL kopieren
  • Forgejo Webhook einrichten (Self-Hosted)
    • Repository auf ez-games.dev öffnen -> Einstellungen -> Webhooks
    • Webhook hinzufügen (Typ: Gitea / Forgejo oder Header-Payload)
    • Cloudflare Deploy-Hook-URL als Ziel eintragen
    • Trigger auf Push Events (für den main-Branch) begrenzen
  • Pipeline-Test durchführen
    • Änderung mit Claude Code durchführen, committen und zu Forgejo pushen
    • Prüfen, ob Forgejo den Webhook auslöst und Cloudflare die Seite innerhalb weniger Sekunden neu baut/aktualisiert

🛡️ Phase 5: Feinschliff & Performance

  • Performance & Security in Cloudflare aktivieren
    • Auto-Minify (HTML, CSS, JS) & Brotli-Komprimierung aktivieren
    • Cloudflare Web Analytics (cookie-frei) aktivieren
  • SEO & Link-Check
    • Alle Community-Links (Discord, Socials, Game-Trailer) auf Funktion testen

🔍 Phase 6: Finaler Check & Freigabe

  • Live-Verifikation
    • Live-URL über Cloudflare aufrufen und SSL-Zertifikat verifizieren
    • PageSpeed / Lighthouse Test durchführen
  • Abnahme durch Team:
    • Approval/RZ-Approved
    • Approval/DZ-Approved
    • Approval/SM-Approved
www.EZ-Games.de einrichten - Cloudflare Setup: Web-Entwicklung, Forgejo & Auto-Deployment Ziel dieses Tickets ist das Einrichten des Web-Projekts für **EZ-Games** / **Happy Forest**. Die Entwicklung erfolgt lokal bzw. in der Desktop-App via **Claude Code**, der Code wird im eigenen Forgejo-Server (`ez-games.dev`) verwaltet und Änderungen werden über Webhooks automatisch auf **Cloudflare Pages** gehostet. --- ### 🛠️ Phase 1: Projekt-Setup & Lokale Arbeitsumgebung - [ ] **Forgejo Repository vorbereiten** - [ ] Neues Repository für die Website in Forgejo (`https://ez-games.dev`) anlegen - [ ] Repository lokal auf den Entwickler-PC klonen - [ ] **Claude Code (Desktop / CLI) anbinden** - [ ] Projektordner in der Claude Code Desktop App öffnen - [ ] `.clauderc` / `CLAUDE.md` mit Projektregeln, Tech-Stack und Code-Style für die KI-Generierung anlegen - [ ] Git-Zugriff in Claude Code prüfen (damit Claude Commits & Branch-Handling versteht) --- ### 🎨 Phase 2: Ausarbeitung & Generierung mit Claude Code - [ ] **Projekt-Struktur & Tech-Stack aufsetzen** - [ ] Framework/Setup festlegen (z. B. Astro, Static HTML/JS oder Tailwind) - [ ] Grundgerüst & Build-Skripte von Claude Code generieren lassen - [ ] **Content & UI-Komponenten entwickeln** - [ ] Landingpage-Layout aufbauen (Hero-Section, Happy Forest Showcase, Feature-Grid, Discord-Links) - [ ] OpenGraph-Meta-Tags (für Vorschau-Karten in Discord/Social Media) & Favicon einbinden - [ ] Impressum & Datenschutz-Seiten anlegen - [ ] **Lokale Prüfung & Commits** - [ ] Code lokal testen (Responsive Design für Mobile & Desktop) - [ ] Ersten Stand via Git/Claude Code committen und auf `ez-games.dev` pushen --- ### ☁️ Phase 3: Cloudflare Hosting & Domain Anbindung - [ ] **Cloudflare Setup & DNS** - [ ] Domain `ez-games.dev` (oder Subdomain) in Cloudflare verwalten / Nameserver verifizieren - [ ] SSL/TLS-Verschlüsselung auf "Full (strict)" stellen - [ ] **Cloudflare Pages Projekt erstellen** - [ ] Cloudflare Dashboard -> `Workers & Pages` -> `Create application` -> `Pages` - [ ] Direct Upload / Webhook-Deployment auswählen - [ ] Custom Domain (z. B. `ez-games.dev` oder `happyforest.ez-games.dev`) verknüpfen --- ### 🔄 Phase 4: Automatisierung (Forgejo ➔ Cloudflare Webhook) - [ ] **Cloudflare Deploy Hook erstellen** - [ ] In den Cloudflare Pages Projekt-Einstellungen unter `Builds & deployments` einen **Deploy Hook** anlegen - [ ] Eindeutige Deploy-Hook-URL kopieren - [ ] **Forgejo Webhook einrichten (Self-Hosted)** - [ ] Repository auf `ez-games.dev` öffnen -> `Einstellungen` -> `Webhooks` - [ ] Webhook hinzufügen (Typ: `Gitea` / `Forgejo` oder `Header-Payload`) - [ ] Cloudflare Deploy-Hook-URL als Ziel eintragen - [ ] Trigger auf **Push Events** (für den `main`-Branch) begrenzen - [ ] **Pipeline-Test durchführen** - [ ] Änderung mit Claude Code durchführen, committen und zu Forgejo pushen - [ ] Prüfen, ob Forgejo den Webhook auslöst und Cloudflare die Seite innerhalb weniger Sekunden neu baut/aktualisiert --- ### 🛡️ Phase 5: Feinschliff & Performance - [ ] **Performance & Security in Cloudflare aktivieren** - [ ] Auto-Minify (HTML, CSS, JS) & Brotli-Komprimierung aktivieren - [ ] Cloudflare Web Analytics (cookie-frei) aktivieren - [ ] **SEO & Link-Check** - [ ] Alle Community-Links (Discord, Socials, Game-Trailer) auf Funktion testen --- ### 🔍 Phase 6: Finaler Check & Freigabe - [ ] **Live-Verifikation** - [ ] Live-URL über Cloudflare aufrufen und SSL-Zertifikat verifizieren - [ ] PageSpeed / Lighthouse Test durchführen - [ ] **Abnahme durch Team:** - [ ] `Approval/RZ-Approved` - [ ] `Approval/DZ-Approved` - [ ] `Approval/SM-Approved`
Pixel self-assigned this 2026-07-29 01:15:27 +02:00
Pixel added the
Typ
Feature
Priority
Medium
 labels 2026-07-29 01:15:43 +02:00
Pixel added this to the Main Board project 2026-07-29 01:23:04 +02:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
dev
No results found.
Labels
Clear labels   
Asset
2D

  
Asset
3D

  
Asset
Animation

  
Asset
Sound

  
Asset
UI

  
Blocked
  
Code
Gameplay

  
Code
Network

  
Code
Shader

  
Code
UI

  
DZ-Approved

Dome hat sein OK gegeben!

  
Design
Balance

  
Design
Game

  
Design
Level

  
Kind
Documentation

  
Kind
Enhancement

  
Need More Info
  
Priority
Critical

  
Priority
High

  
Priority
Low

  
Priority
Medium

  
RZ-Approved

Rainer hat sein OK gegeben!

  
SM-Approved

Basti hat sein OK gegeben!

  
Typ
Bug

  
Typ
Feature

No labels
Asset
2D
Asset
3D
Asset
Animation
Asset
Sound
Asset
UI
Blocked
Code
Gameplay
Code
Network
Code
Shader
Code
UI
DZ-Approved
Design
Balance
Design
Game
Design
Level
Kind
Documentation
Kind
Enhancement
Need More Info
Priority
Critical
Priority
High
Priority
Low
Priority
Medium
RZ-Approved
SM-Approved
Typ
Bug
Typ
Feature
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Main Board
Assignees
Clear assignees
No assignees
Pixel
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: Pixel/Happy_Forest#4
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?