Fibel
Eine Sprache für Websites, Web-Apps und native Apps

Schreib auf, was deine App tut.

Seiten, Daten, wer was darf — Fibel macht daraus eine laufende Anwendung. In deutschen oder englischen Wörtern, ganz wie du willst.

Beispiele ansehen Zur Spielwiese 
app Merker

modell Liste
  name text

seite / als "Meine Listen"
  formular neu Liste
    feld name "Wie soll die Liste heißen?"
    absenden "Anlegen"

  fuer liste in Liste
    karte
      fett liste.name

Das ist die ganze App: Listen anlegen und wiederfinden.

Null

Abhängigkeiten. Node 24 und sonst nichts.

Eine

Datei je App — Seiten, Daten, Rechte.

Zwei

Sprachen gleichzeitig: deutsche und englische Wörter.

Drei

Betriebsarten: mit Server, im Browser, als App.

Was drin ist

Alles, was eine App braucht — in einer Datei.

Kein Bauwerkzeug, kein node_modules, keine CSS-Datei. Was hier steht, steht im Programm.

Anmeldung und Rechte

Passwörter, Sitzungen, ein Rückweg per Post. Wer was sehen und ändern darf, steht an einer einzigen Stelle — und gilt überall: in Listen, in Zahlen, in Verweisen, in der Sitemap.

Daten

SQLite von Anfang an, PostgreSQL, wenn es mehr wird. Lange Listen blättern und durchsuchen.

Formulare und Dateien

Bilder hochladen — im Browser verkleinert, bevor etwas über die Leitung geht. Unterschriften zeichnen, feste Auswahlen, geprüft auf dem Server.

Post und Regeln

Eine Bestätigung verschicken, wenn etwas bestellt wird. Etwas anlegen, wenn jemand antwortet. Ohne Dienst von außen.

Laden

Geld als eigener Typ, in ganzen Cent gerechnet. Preise, Zwischensummen über einen Warenkorb, sprechende Adressen wie /produkt/mango-kush.

Gefunden werden

Beschreibung, kanonische Adresse, Open Graph, sitemap.xml, robots.txt und ein Favicon — alles aus dem Programm erzeugt. Keine Datei zum Pflegen.

Von Maschinen gelesen

llms.txt für Sprachmodelle, strukturierte Daten für Suchmaschinen: Fragen werden zur FAQPage, ein Unternehmen zur Organization, jeder Standort zum LocalBusiness mit Lage und Öffnungszeiten.

Hell und dunkel

Zwei Farbpaletten in einem design-Block. Die Vorgabe folgt dem Gerät; wer einen Schalter will, schreibt modusschalter ins Menü.

Web und native Apps

Dieselbe Datei läuft mit Server, ganz ohne Server im Browser oder als App für Android und iOS.

Prüfung und Abnahme

fibel pruefe liest den Quelltext, fibel abnahme ruft die veröffentlichte Seite ab wie ein Besucher. Am Ende steht ein Ergebnis — für den, der die Seite bezahlt hat.

Zwei Sprachen

Deutsche und englische Wörter gelten gleichzeitig. Die Oberfläche folgt der Sprache des Geräts, sonst Deutsch.

So geht's

Aufschreiben, prüfen, starten.

1 · Aufschreiben

Seiten, Daten und Rechte in deutschen oder englischen Wörtern. Die Einrückung ist die Struktur — kein HTML, kein CSS, keine Datenbank-Befehle.

2 · Prüfen

fibel prüfe findet Tippfehler, fehlende Rechte und Verweise ins Leere, bevor es jemand anderes tut.

3 · Starten

fibel starte — und die App läuft. Mit Server, ganz im Browser oder als App auf dem Telefon.

Zum Anfassen

Fünf Beispiele, die hier live laufen.

Jedes ist eine einzige .fibel-Datei. Leg ein Konto an, bestell etwas, schreib einen Beitrag.

Karat

Ein Onlineshop für lose Diamanten: Katalog mit Fotos, Bestellungen mit Bestätigung per Post und eine Verwaltung nur für Verwalter.

Karat öffnen

Zwitscher

Ein kleines soziales Netz: Beiträge, Antworten, private Nachrichten.

Zwitscher öffnen →

Lieferung

Sendungen zustellen, mit Unterschrift auf dem Bildschirm und Altersnachweis.

Lieferung öffnen →

Merker

Listen für Einkäufe und Vorhaben — ganz im Browser, ohne Server.

Merker öffnen →

Notes

Dasselbe Programm wie Merker, in englischen Wörtern geschrieben.

Notes öffnen →
Alle Beispiele im Überblick →
Kurz gefragt

Was man wissen will, bevor man anfängt.

Brauche ich eine Datenbank?

Nein. Fibel legt sie an. Ein Model im Programm ist die Tabelle; wer ein Feld hinzufügt, hat die Spalte. SQLite von Anfang an, PostgreSQL, wenn es mehr wird.

Muss ich HTML und CSS können?

Nein. Das Aussehen steht im design-Block: Farben, Rundung, Breite, Schrift, dazu eine zweite Palette für den dunklen Modus. Wer trotzdem eigenes CSS will, hat mit stil einen Notausgang.

Läuft das auch ohne Server?

Ja. Dieselbe Datei läuft mit Server, mit daten lokal ganz im Browser und als native App für Android und iOS. Was sich ändert, ist eine Zeile.

Findet Google meine Seite?

Fibel schreibt Beschreibung, kanonische Adresse, Open Graph und strukturierte Daten in jede Seite und erzeugt sitemap.xml, robots.txt und ein Favicon aus dem Programm. Für Sprachmodelle gibt es llms.txt. Nichts davon ist eine Datei, die jemand pflegen müsste.

Zum Ausprobieren

Die Spielwiese.

Links ein Fibel-Programm, rechts die App, die daraus entsteht — im Browser, ohne dass etwas auf dem Server gespeichert wird.

Spielwiese öffnen