czay.dev
Goodies
BlogKarriere
Lass uns sprechen

29. Oktober: Tag der Republik·Alles Gute zum 103. Jahrestag unserer Republik.

Detaylar
czay.dev

Vom Experiment zum Produkt. Forge entwickelt Software, Catalyst bildet Entwickler:innen aus, Elements bringt ins Regal, was aus beidem entsteht.

[email protected]
Forge

Software-Studio

  • Webentwicklung
  • Individuelle Systeme
  • Integration & Automatisierung
  • Mobile Apps
  • Wartung & Support
  • KI-Automatisierung
Catalyst

Schulungen für Institutionen

  • Baştan Sona HTML
  • Baştan Sona CSS
  • JavaScript Temelleri
  • JavaScript Orta Seviye
  • JavaScript İleri Seviye
  • Baştan Sona React
Elements

Produkte

  • Student Panel
  • zay-ui
  • Better Payment
  • zaystatic

Website

czay.dev

  • Blog
  • Karriere
  • Kontakt
  • Goodies
  • Ressourcen
  • Roadmaps
  • Feedback

© 2026 Furkan Özay. Alle Rechte vorbehalten.

  • Nutzungsbedingungen
  • Datenschutz
  • Cookies
Elements

zaystatic

Ein Git-basiertes Content-Panel für Next.js. Die Inhalte bleiben als einfache Dateien in deinem Repository; Redakteure ändern sie im Panel, und zaystatic committet direkt auf deinen Branch. Keine Datenbank, kein gehosteter Dienst.

Live-Projekt ansehenAuf GitHub mit Stern markierenGitHub stars: 0Quellcode
elements.czaylabs.com
Panel – Seitenleiste, Tabs und eine Sammlungsliste.
Jahr
2026
Kategorie
Library
Technologien
6
Status
In Entwicklung

Wirkung

Wirkung

Status
Alpha
Datenbank
Keine
Lizenz
MIT
01

Über das Projekt

Selbst für eine kleine Website bedeutet Content-Management meist eine Datenbank und einen separaten Dienst. zaystatic macht das Gegenteil: Die Inhalte bleiben als JSON- und Markdown-Dateien im Repository, und das Panel bietet Redakteuren aus einem Schema erzeugte Formulare, sprachspezifische Inhalte, Drag-and-drop-Listen, typisierte Blöcke und einen visuellen Seitenbaukasten, der Seiten mit den eigenen Komponenten der Website zeichnet. Jede Speicherung wird zu einem Commit auf deinem Branch, optional mit Pull-Request-Workflow. Bilder gehen in einen S3-kompatiblen Bucket oder ins Repository. Die Seiten der Dokumentation werden selbst mit zaystatic bearbeitet. Das Paket ist eine Alpha: GitHub-Anmeldung, Pull-Request-Workflow und S3/R2-Speicher wurden noch nicht gegen echte Dienste getestet.

02

Meine Rolle

Ich schreibe das gesamte Paket: Server, Panel-Oberfläche, Schema-Helfer, Tests und die Dokumentationsseite. Ich veröffentliche es auf npm.

03

Wichtige Funktionen

  • Inhalte als einfache Dateien im Repository; keine Datenbank, kein gehosteter Dienst
  • Aus einem Schema erzeugte Formulare, geteilt mit deinem Build
  • Sprachspezifische Inhalte für die Felder deiner Wahl
  • Drag-and-drop-Listen, typisierte Blöcke und ein visueller Seitenbaukasten mit den eigenen Komponenten der Website
  • Bild-Uploads (S3-kompatibler Bucket oder Repository) und eine Medienbibliothek
  • Validierung, optionaler Pull-Request-Workflow, eigene Editoren und Widgets

Community

Nachdem das Projekt als Open Source veröffentlicht wurde, kamen Beiträge aus der Community. Die Liste wird live von GitHub geladen.

1 Contributors · 40 Beiträge

Contributors

  • @czaydev40 Beiträge
Contributors auf GitHub

Auf dieser Seite

  • Story
  • Rolle
  • Highlights
  • Community
  • Stack

Tech-Stack

Sprache

  • TypeScript
  • React 19

Speicher

  • Git (GitHub)
  • S3 uyumlu kova / Cloudflare R2

Dokumentation

  • Next.js (statik dışa aktarım)
  • GitHub Pages

Tags

  • TypeScript
  • React
  • Next.js
  • Git
  • S3
Etwas ÄhnlichesMöchten Sie zusammenarbeiten?

Nächstes Projekt

Student Panel

Eine private Lernplattform für Dozenten und Institutionen. Lehrplan, Aufgaben, Anwesenheit, Live-Unterricht und Fortschrittsverfolgung in einem einzigen Panel; keine öffentliche Registrierung, die Studierenden werden vom Dozenten hinzugefügt.

Projekt ansehen

Weitere Arbeiten

Alle
  • Library2026zay-uiBarrierefreie React-Komponenten und fertige Blöcke auf Basis von Base UI. Mit einer einzigen CSS-Variable umfärbbar; funktioniert mit oder ohne Tailwind CSS v4.In Entwicklung
  • Bibliothek2026Better PaymentEine einheitliche Payment-Gateway-Bibliothek, die Zahlungsinfrastrukturen und virtuelle POS-Systeme von Banken in der Türkei unter einer einzigen API bündelt.Beta

Zusammenarbeiten

Lass uns den Umfang schriftlich klären.

Ich höre zuerst auf den Bedarf; wenn ich glaube, dass die Aufgabe nicht passt, sage ich das schon im ersten Gespräch.

Über ein Projekt sprechenKennenlerngespräch buchen