Web-Apps nach Maß mit Node.js und React

01Was ich tue

Was ich tue

1. 01

   Oberfläche in React

   Dashboards und Formulare schreibe ich in React mit TypeScript. Die Oberfläche prüfe ich auf Smartphone, Tablet und Computer, denn Apps werden auch abseits des Schreibtischs genutzt.

2. 02

   Backend und API in Node.js

   Das Backend schreibe ich in Node.js, bei größeren Projekten in NestJS, das den Code in Module gliedert. Eingaben prüfe ich auf dem Server und nicht nur im Browser.

3. 03

   PostgreSQL-Datenbank

   Die Daten liegen in PostgreSQL. Das Datenbankschema entwerfe ich gemeinsam mit der Anwendungslogik und ändere es per Migrationen, damit sich die Änderungen auf jedem Server reproduzieren lassen.

4. 04

   Sicherheit bei nutzergenerierten Inhalten

   Wenn Nutzer Text eingeben, den andere später sehen, sorge ich dafür, dass sich darüber kein Skript einschleusen lässt. Für mein Projekt WireMark habe ich dafür eine eigene Bibliothek gebaut, die nur vorab erlaubte Elemente durchlässt – ein eingefügtes Skript wird als gewöhnlicher Text angezeigt, statt ausgeführt zu werden.

5. 05

   Server und Inbetriebnahme

   Ich richte die App auf einem Server ein und übergebe die Quelldateien. Nach der Inbetriebnahme bleibe ich ansprechbar, wenn etwas korrigiert oder erweitert werden muss.

02Für wen

Für wen

Für Unternehmen, die einen Prozess in Tabellen und E-Mails abwickeln und in ein eigenes Werkzeug überführen möchten, sowie für Menschen mit einer Idee für einen Onlinedienst, die eine erste funktionierende Version brauchen. Hilfreich ist, wenn Sie schon wissen, wer die App nutzen wird und was er darin tun soll.

03Verwandte Projekte

Verwandte Projekte

• 03

  Web-Apps · 2026 · Eigenes Projekt

  WireMark — eine sichere Auszeichnungssprache

  Erweitertes Markdown für die sichere Formatierung von Kommentaren und Beschreibungen, die Nutzer schreiben. Die TypeScript-Bibliothek hat keine externen Pakete und lässt nur durch, was ausdrücklich erlaubt ist. Sie bringt außerdem eine NestJS-Integration und einen visuellen Editor mit.

  Elementarten

  24

  Externe Pakete in der Bibliothek

  0

  TypeScriptMarkdownSicherheitXSS+2

• 01

  Websites · 2026 · Eigenes Projekt

  WirePress — Headless WordPress + Next.js

  Ein Plugin, mit dem WordPress nur noch zum Bearbeiten von Inhalten dient, während ein schnelles Next.js-Frontend die Website ausliefert. Der Redakteur arbeitet im gewohnten Panel, und Änderungen erscheinen nach wenigen Sekunden auf der Website. Fertige Seiten antworten etwa 35-mal schneller als in klassischem WordPress.

  Schneller als klassisches WordPress

  ~35×

  Wiederholte Inhaltsabfrage

  230 → 7 ms

  WordPressPHPNext.jsGraphQL+2

04Häufige Fragen

Häufige Fragen