# Tobias Ludwig — Vollständiges Profil

## Über mich

Ich bin Tobias Ludwig, selbstständiger Design-Engineer aus Bonn. Ich baue digitale Produkte von der ersten Skizze bis zum laufenden Betrieb: Websites, Web-Anwendungen, mobile Apps und KI-gestützte Automatisierung.

Mein Weg begann nicht am Reißbrett, sondern an der Hardware: Ausbildung bei der Telekom, Jahre in der Außendiensttechnik, danach Second-Level-Support und Systemadministration. Diese Herkunft merkt man den Projekten an — ich weiß, was passiert, wenn eine Anwendung nachts ausfällt, und baue entsprechend.

## Schwerpunkte

### Webdesign & Webentwicklung
- Next.js (App Router), React, TypeScript, Tailwind CSS
- Responsive Gestaltung, Barrierefreiheit, Performance-Budget
- CMS-Anbindung und redaktionelle Pflege ohne Entwicklerhilfe
- SEO-Fundament: strukturierte Daten, Sitemaps, saubere Metadaten

### KI-Integration
- LLM-Anbindung (OpenAI, Anthropic, lokale Modelle)
- RAG-Pipelines mit Vektordatenbanken (pgvector)
- KI-gestützte Automatisierung für Arbeitsabläufe und Datenverarbeitung
- MCP-Server als Werkzeugschicht für Assistenten
- DSGVO-Überlegungen: Modelle wahlweise lokal statt in der Cloud

### DevOps & Infrastruktur
- Docker, Multi-Stage-Builds, Container-Orchestrierung
- Coolify (self-hosted PaaS), Hetzner, eigene Server
- Supabase self-hosted: PostgreSQL, Auth, Storage, Edge Functions, Realtime
- CI/CD, Monitoring, Logging, TLS und Reverse Proxy

### Backend & Datenbanken
- PostgreSQL mit Row Level Security
- REST-APIs, Server Actions, Edge Functions (Deno)
- Node.js und Python

### Mobile
- Flutter und Dart, Cross-Platform für iOS und Android
- Eigene Plugins, native Integrationen, Store-Veröffentlichung

## Arbeitsweise

- **Festpreis oder Tagessatz**, vorher besprochen statt hinterher abgerechnet
- **Lauffähige Zwischenstände** statt monatelanger Blackbox
- **Betrieb mitgedacht**: was ich baue, kann ich auch betreiben
- **Übergabefähig**: Dokumentation und Zugänge gehören zum Ergebnis

## Standort und Verfügbarkeit

Bonn als Sitz, Köln und das Rheinland vor Ort, NRW und ganz Deutschland remote. Vor-Ort-Termine für Auftakt und Abstimmung sind möglich, der Rest läuft in der Regel verteilt.

## Services im Detail

### App-Entwicklung
https://tobiasjonas-ludwig.de/services/app-entwicklung
Native und Cross-Platform Apps für iOS, Android und Flutter.

### Web- und CMS-Entwicklung
https://tobiasjonas-ludwig.de/services/web-cms-entwicklung
Websites und CMS ohne Plugin-Abhängigkeiten und ohne Lizenzkosten.
- [Wahlkampf-Website mit CMS](https://tobiasjonas-ludwig.de/services/web-cms-entwicklung/wahlkampf) — Deine Kampagne online — eigenständig gepflegt, mehrsprachig, mit Wahlkampf-CMS.

### KI-Integration und Produktentwicklung
https://tobiasjonas-ludwig.de/services/ki-integration
KI in bestehende Prozesse einbauen, vom Prototyp bis zum Betrieb.

### Beratung und Consulting
https://tobiasjonas-ludwig.de/services/beratung-consulting
Technologieberatung für Entscheidungen, die länger halten als ein Projekt.

### Backend-Entwicklung
https://tobiasjonas-ludwig.de/services/backend-entwicklung
APIs, Datenbanken und Automatisierung.

### DevOps und Infrastruktur
https://tobiasjonas-ludwig.de/services/devops-infrastructure
Server, Dienste und Monitoring, betrieben statt nur eingerichtet.


## Tutorial-Reihen

- [Linux Server einrichten](https://tobiasjonas-ludwig.de/blog/series/linux-server-einrichten) — Vom frischen VPS zum produktionsreifen, abgesicherten Server: SSH & Erstzugriff, Härtung mit Firewall und Fail2ban, dann Dienste, Docker, TLS und Backups. Eine…
- [Optimal mit KI arbeiten](https://tobiasjonas-ludwig.de/blog/series/ki-optimal-nutzen) — Wie du KI vom ersten Setup bis zum produktiven Coding-Workflow optimal einsetzt: Tools & Prompting-Grundlagen, dann Skills, Agents, MCP & Automatisierung, schli…
- [Lokale KI — was alles geht](https://tobiasjonas-ludwig.de/blog/series/lokale-ki) — Selbstgehostete KI ohne Cloud: lokale LLMs mit Ollama, Bild- und Audio-Generierung auf der eigenen Hardware, sowie lokale Agenten und RAG-Pipelines. Datenschutz…

## Artikel (30)

- [2026-07-28 · Website für Handwerker in Bonn und Rhein-Sieg: Was wirklich Aufträge bringt](https://tobiasjonas-ludwig.de/blog/website-handwerker-bonn-rhein-sieg-auftraege) — Handwerksbetriebe brauchen keine Hochglanzseite, sondern eine, die Anfragen vorqualifiziert und in der Region gefunden wird. Fünf Dinge, die zählen — und drei,…
- [2026-07-28 · Nur Google-Profil, keine Website — reicht das 2026?](https://tobiasjonas-ludwig.de/blog/google-profil-statt-website-reicht-das) — Viele Betriebe leben komplett vom Google-Eintrag und fahren damit erstaunlich gut. Wo die Rechnung aufgeht, wo sie kippt, und was passiert, wenn Google die Rege…
- [2026-07-28 · Online-Terminbuchung für Praxis, Fahrschule und Friseur: Was sie bringt, was sie kostet](https://tobiasjonas-ludwig.de/blog/online-terminbuchung-kleine-betriebe-lohnt-sich) — Termine kommen abends um halb elf rein, wenn niemand im Betrieb ist — genau dann, wenn Kunden Zeit haben zu suchen. Was eine Online-Buchung wirklich verändert,…
- [2026-07-28 · Wix, Jimdo oder Profi-Website? Der ehrliche Vergleich für kleine Betriebe](https://tobiasjonas-ludwig.de/blog/website-baukasten-oder-profi-kleine-betriebe) — Baukästen sind billig und schnell — und für manche Betriebe genau richtig. Für andere sind sie die teuerste Variante. Woran Sie erkennen, in welcher Gruppe Sie…
- [2026-07-28 · Was kostet eine Website 2026? Echte Preise für Handwerk, Praxis und Gastro](https://tobiasjonas-ludwig.de/blog/website-kosten-kleine-betriebe-2026) — Keine Hausnummern, sondern konkrete Zahlen: Was eine Website für einen kleinen Betrieb heute wirklich kostet — einmalig und laufend, mit und ohne Terminbuchung,…
- [2026-06-24 · GSM-R am Limit: Wie der Bahnfunk auf FRMCS/5G migriert — und was das technisch bedeutet](https://tobiasjonas-ludwig.de/blog/gsm-r-frmcs-5g-bahnfunk-migration) — Der Zugfunk der Deutschen Bahn läuft auf 2G-Technik aus den 90ern. Bis Mitte der 2030er löst FRMCS auf 5G-Basis ihn ab — ein Infrastruktur-Großprojekt mit zehnt…
- [2026-06-16 · Lokale KI – Teil 3: Lokale Agenten & Pipelines](https://tobiasjonas-ludwig.de/blog/lokale-ki-teil-3) — Lokale KI Teil 3: Agenten mit Tool-Use, RAG mit ChromaDB, Pipelines verketten und mehrere Modelle orchestrieren — vollständig on-prem, DSGVO-konform, mit Python…
- [2026-06-16 · Lokale KI – Teil 2: Bilder & Audio lokal generieren](https://tobiasjonas-ludwig.de/blog/lokale-ki-teil-2) — Bilder mit Stable Diffusion & Flux, Sprache mit Whisper transkribieren, TTS mit Piper & Coqui — Teil 2 zeigt, wie multimodale KI-Generierung vollständig lokal f…
- [2026-06-16 · Lokale KI – Teil 1: LLMs lokal mit Ollama](https://tobiasjonas-ludwig.de/blog/lokale-ki-teil-1) — Ollama ermöglicht es, LLMs wie Llama, Mistral oder Qwen vollständig lokal zu betreiben — datenschutzkonform, kostenfrei und offline. Teil 1 zeigt Installation,…
- [2026-06-16 · Optimal mit KI arbeiten – Teil 3: Coden mit KI](https://tobiasjonas-ludwig.de/blog/ki-optimal-nutzen-teil-3) — KI-Pair-Programming in der Praxis: CLAUDE.md, Wissensgraphen, der richtige Arbeitsloop und was KI gut kann — und wo du aufpassen musst. Abschluss der Reihe.
- [2026-06-16 · Optimal mit KI arbeiten – Teil 2: Skills, Agents & Automatisierung](https://tobiasjonas-ludwig.de/blog/ki-optimal-nutzen-teil-2) — Wie du KI-Workflows mit Skills, MCP-Tool-Anbindungen und parallelen Subagenten skalierst — inkl. CLAUDE.md-Konfiguration, Modellwahl und konkreten Code-Beispiel…
- [2026-06-16 · Optimal mit KI arbeiten – Teil 1: Setup & Grundlagen](https://tobiasjonas-ludwig.de/blog/ki-optimal-nutzen-teil-1) — Erste Schritte mit KI-Tools als Entwickler: Claude Code einrichten, IDE-Plugins konfigurieren, effektives Prompting lernen und die häufigsten Anfänger-Fehler ve…
- [2026-06-16 · Linux Server einrichten – Teil 3: Dienste & Deployment](https://tobiasjonas-ludwig.de/blog/linux-server-einrichten-teil-3) — Linux Server einrichten Teil 3: Nginx Reverse Proxy, Docker Compose, HTTPS mit Let's Encrypt, systemd-Services und Backup-Strategie – vom gehärteten Server zur…
- [2026-06-16 · Linux Server einrichten – Teil 2: Absicherung & Härtung](https://tobiasjonas-ludwig.de/blog/linux-server-einrichten-teil-2) — Lerne, wie du deinen Linux-Server mit ufw, Fail2ban, SSH-Härtung und automatischen Security-Updates absicherst. Praxisnahe Schritt-für-Schritt-Anleitung mit ech…
- [2026-06-16 · Linux Server einrichten – Teil 1: Grundlagen & Erstzugriff](https://tobiasjonas-ludwig.de/blog/linux-server-einrichten-teil-1) — Linux-Server von Grund auf einrichten: SSH-Login, System-Updates, sudo-User anlegen, SSH-Keys konfigurieren und Root-Login sicher deaktivieren — Schritt für Sch…
- [2026-06-16 · Wird Ihr Betrieb von ChatGPT empfohlen? KI-Suche für lokale Unternehmen 2026](https://tobiasjonas-ludwig.de/blog/chatgpt-ki-suche-lokale-unternehmen-gefunden-werden) — Immer mehr Menschen fragen ChatGPT, Gemini & Co. statt Google: „Welcher Maler in meiner Nähe ist gut?" Wer da nicht auftaucht, existiert für diese Kundschaft ni…
- [2026-06-16 · Google „Ask Maps" ist da: Was Ihr Unternehmensprofil 2026 leisten muss](https://tobiasjonas-ludwig.de/blog/google-ask-maps-local-seo-2026-lokale-betriebe) — Google hat Maps eine KI verpasst. Kunden fragen jetzt „Welcher Klempner in der Nähe hat top Bewertungen und ist heute frei?" — und Gemini durchsucht die Unterne…
- [2026-06-16 · BFSG 2026: Muss meine Website barrierefrei sein? Ein ehrlicher Check](https://tobiasjonas-ludwig.de/blog/bfsg-barrierefreiheit-website-pflicht-2026-kmu) — Seit Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz. Bußgelder bis 100.000 €, Abmahnrisiko — aber auch eine Ausnahme für kleine Betriebe. Wer wirklich betr…
- [2026-06-16 · Vom Anruf zum Termin: Wie KI-Agenten kleinen Betrieben Arbeit abnehmen](https://tobiasjonas-ludwig.de/blog/ki-agenten-voice-automation-kleine-betriebe) — Chatbots waren gestern. 2026 planen KI-Agenten Termine, beantworten E-Mails, erstellen Angebote und fassen bei Kunden nach — auch am Telefon. Was das für einen…
- [2026-06-16 · Schneller, mobil, gefunden: Warum Ihre Website 2026 Kunden kostet (oder bringt)](https://tobiasjonas-ludwig.de/blog/website-performance-mobile-first-conversion-lokale-betriebe) — Eine Sekunde schnellere Ladezeit kann die Conversion um bis zu 27 % steigern — und Google rankt seit Jahren nach der Handy-Version. Warum Tempo, Mobile-First un…
- [2026-06-12 · KI in 5 Jahren: Eine nüchterne Prognose für 2031](https://tobiasjonas-ludwig.de/blog/ki-prognose-2031-wo-steht-ki-in-5-jahren) — AGI nächstes Jahr oder alles eine Blase? Beides hat 2026 prominente Fürsprecher. Statt zu raten, extrapoliere ich die härtesten verfügbaren Daten — METR-Task-Ho…
- [2026-06-12 · Ist KI wirklich so gefährlich? Reale Risiken vs. Science-Fiction](https://tobiasjonas-ludwig.de/blog/ist-ki-wirklich-so-gefaehrlich) — Zwischen „KI rottet die Menschheit aus" und „alles nur Hype" liegt die langweilige Wahrheit: Die gefährlichste KI 2026 ist nicht Skynet, sondern ein Voice-Clone…
- [2026-06-12 · Nimmt KI wirklich Jobs weg? Was die Daten 2026 zeigen — und was nicht](https://tobiasjonas-ludwig.de/blog/nimmt-ki-wirklich-jobs-weg) — Massenarbeitslosigkeit durch KI? Die ehrliche Antwort aus Studien von Stanford, Yale, IAB und ifo: keine Verdrängungswelle im Gesamtmarkt — aber ein realer, mes…
- [2026-05-19 · Coolify als Heroku-Replacement — Self-Hosted PaaS in der Praxis](https://tobiasjonas-ludwig.de/blog/coolify-heroku-replacement-self-hosted-paas) — Wann Coolify die Vercel/Heroku-Rechnung ablöst und wann nicht: Setup-Aufwand, DX-Vergleich, Kosten über 12 Monate, Limitationen. Plus die Stack-Kombi (Coolify +…
- [2026-05-19 · pgvector als RAG-Backbone — wann es reicht und wann du eine dedizierte Vector-DB brauchst](https://tobiasjonas-ludwig.de/blog/pgvector-rag-backbone-postgres-vector-db) — pgvector vs. Qdrant/Pinecone/Weaviate: konkrete Performance-Zahlen, Index-Empfehlungen (IVFFlat vs HNSW), Skalierungsgrenzen und Migration-Pfade. Plus warum die…
- [2026-05-19 · DSGVO-konforme KI-Integration: EU-Hosting, On-Premise-LLMs & Datenschutz-Best-Practices](https://tobiasjonas-ludwig.de/blog/dsgvo-ki-integration-eu-hosting-on-premise-llm) — Wie man KI-Features in Unternehmens-Software baut, ohne in DSGVO- oder EU-AI-Act-Fallen zu laufen. Konkrete Optionen für EU-gehostete LLMs, On-Premise-Setups mi…
- [2026-05-19 · Next.js 16 + Supabase Auth — der saubere SSR-Flow ohne flackernde Login-States](https://tobiasjonas-ludwig.de/blog/nextjs-supabase-auth-ssr-flow) — Wie man Supabase-Auth in Next.js 16 App Router so integriert, dass keine flackernden Login-States auftreten, Sessions automatisch refreshen und RLS sicher greif…
- [2026-05-19 · DevOps-Pipeline mit Coolify, Next.js & GitHub Actions — Auto-Deploy ohne Vendor-Lockin](https://tobiasjonas-ludwig.de/blog/devops-pipeline-coolify-nextjs-github-actions) — Komplette CI/CD-Pipeline für Next.js auf einem self-hosted Coolify-Server: Push auf main, Tests laufen, Build wird gebaut und live ist neu — ohne Vercel-Abhängi…
- [2026-05-19 · LLM-Integration in Bestandssysteme — RAG, Caching & Kostenkontrolle](https://tobiasjonas-ludwig.de/blog/llm-integration-rag-caching-kosten) — Wie man produktionsreife LLM-Features in bestehende Anwendungen integriert, ohne in der OpenAI-Rechnung zu ertrinken: Architektur für RAG-Pipelines, Multi-Provi…
- [2026-05-19 · Self-Hosted Supabase mit Docker — Setup, Backups & Production-Härtung](https://tobiasjonas-ludwig.de/blog/self-hosted-supabase-docker-production) — Komplettes Setup für ein produktionsreifes, selbstgehostetes Supabase auf einem Single-VPS: Docker-Compose-Stack, Auth-Härtung, automatische Backups, Storage üb…

## Projekte (11)

- [detect_api](https://tobiasjonas-ludwig.de/projekte/detect-api) — Selbst betriebene Plattform zur Bild- und Videoklassifikation für mehrere Mandanten.
- [Logbuch-App](https://tobiasjonas-ludwig.de/projekte/logbuch-app) — Flutter-App, die vorher handschriftliche Einträge strukturiert erfasst und auswertbar macht.
- [NextCMS](https://tobiasjonas-ludwig.de/projekte/next-cms) — CMS-Vorlage für Kundenprojekte: Page Builder, Admin-Dashboard und zwölf zuschaltbare Module — klonen, Module wählen, Inhalte pflegen.
- [MPA Nutrition Shop](https://tobiasjonas-ludwig.de/projekte/mpa-nutrition-shop) — Shop-System mit automatisierter Bestellabwicklung statt Bestellungen per Nachricht.
- [Partner Flutter App](https://tobiasjonas-ludwig.de/projekte/partner-flutter-app) — Flutter-App für Paare auf self-hosted Supabase, Sichtbarkeit über Row-Level-Security geregelt.
- [Auth API Service](https://tobiasjonas-ludwig.de/projekte/auth-api-service) — Auth-Service mit JWT, Refresh-Token-Rotation und Rollenrechten für mehrere eigene Anwendungen.
- [Flutter UI Collection](https://tobiasjonas-ludwig.de/projekte/flutter-ui-collection) — Flutter-Library mit UI-Bausteinen, die kein bestimmtes Design-System voraussetzen.
- [nsfw_detect (Flutter-Plugin)](https://tobiasjonas-ludwig.de/projekte/flutter-nsfw-scanner) — Flutter-Plugin, das Bilder, Videos und Kameraframes auf dem Gerät klassifiziert — ohne dass Medien den Host verlassen.
- [Bewerbungsplattform](https://tobiasjonas-ludwig.de/projekte/bewerbungsplattform) — Diese Website selbst: pro Stelle eine eigene Bewerbungsseite, Lebenslauf und Anschreiben als PDF aus denselben Daten, Admin-CMS auf selbst betriebenem Supabase.
- [MyFitCoach PRO](https://tobiasjonas-ludwig.de/projekte/myfitcoach-pro) — Coaching-Plattform mit Flutter-App und Next.js-Web auf gemeinsamem Datenmodell.
- [DBFV NRW Verbandsplattform](https://tobiasjonas-ludwig.de/projekte/dbfv-nrw-verbandsplattform) — Verbands- und Wettkampfplattform für den Bodybuilding-Landesverband NRW: Website, Event-Anmeldung, Tickets, digitales Kampfgericht, Ergebnisse und Urkunden in e…

## Referenzen (6)

- [myndfluence.de](https://tobiasjonas-ludwig.de/referenzen/myndfluence-de) — Website-Entwicklung und laufender Betrieb für eine sportpsychologische Coaching-Praxis: Next.js-Auftritt, Deployment, Monitoring.
- [Loopgems](https://tobiasjonas-ludwig.de/referenzen/loopgems) — Shopify-Storefront für Loopgems: Gestaltung, individuelle Funktionen und technischer Betrieb.
- [physiques-unlimited.de](https://tobiasjonas-ludwig.de/referenzen/physiques-unlimitedde) — Individuelle Website mit eigenem CMS für ein Coaching- und Ernährungsberatungsunternehmen. Next.js-Stack ohne PHP, Inhalte pflegt der Kunde selbst.
- [DBFV NRW Verbandsplattform](https://tobiasjonas-ludwig.de/referenzen/dbfv-nrw-verbandsplattform) — Verbands- und Wettkampfplattform für den Bodybuilding-Landesverband NRW: Website mit eigenem CMS, Event-Anmeldung, Stripe-Zahlung, Tickets mit Einlass-Scan, dig…
- [frank-klingebiel.de](https://tobiasjonas-ludwig.de/referenzen/frank-klingebiel-wahlkampf) — Wahlkampf-Plattform für den Oberbürgermeister von Salzgitter zur Kommunalwahl 2026: redaktionell pflegbare Website mit Bilanz- und Themenseiten, interaktiver St…
- [alexander-mittag.de](https://tobiasjonas-ludwig.de/referenzen/alexander-mittag-wahlkampf) — Wahlkampf-Plattform für den SPD-Oberbürgermeisterkandidaten in Delmenhorst: eigenes Corporate Design, interaktive Stadtkarte, Wahl-Erklärstrecke und ein Admin-B…

## Produkte (7)

- [BB-Wertung](https://tobiasjonas-ludwig.de/produkte/bb-wertung) — Schluss mit Wertungszetteln. Ergebnisse in Sekunden.
- [TJL IT](https://tobiasjonas-ludwig.de/produkte/tjl-it) — Ihre IT läuft. Damit Sie arbeiten können.
- [KODOYA](https://tobiasjonas-ludwig.de/produkte/kodoya) — Websites, die hängen bleiben.
- [EroHub App](https://tobiasjonas-ludwig.de/produkte/erohub) — Verschlüsselt. Nur ihr zwei.
- [EroHub Community](https://tobiasjonas-ludwig.de/produkte/erohub-community) — Leute in deiner Nähe, die dasselbe wollen.
- [Relay](https://tobiasjonas-ludwig.de/produkte/relay) — Selbst gehosteter Mail-Server mit Web-UI und MCP-Anbindung.
- [NextCMS](https://tobiasjonas-ludwig.de/produkte/nextcms) — Ein CMS als Ausgangspunkt für jedes Kundenprojekt.

## Flutter-Plugins (3)

- [nsfw_detect](https://tobiasjonas-ludwig.de/flutter/nsfw_detect) — Privacy-friendly NSFW detection for Flutter apps, running fully on-device.
- [flutter_ui_collection](https://tobiasjonas-ludwig.de/flutter/flutter_ui_collection) — Komplettes Flutter-UI-Framework ohne Material Design: 89 Komponenten, 6 App-Module, 8 Design-Presets, ein Import, ein Theme.
- [media_backup](https://tobiasjonas-ludwig.de/flutter/media_backup) — iOS-Fotomediathek indexieren und in die eigene Cloud sichern: Supabase, S3, GCS, Azure, Firebase oder ein beliebiger HTTP-Endpunkt.

## Tech-Wiki (20)

- [Next.js](https://tobiasjonas-ludwig.de/tech/next-js) — React-Framework mit App Router, RSC und Hybrid-Rendering.
- [React](https://tobiasjonas-ludwig.de/tech/react) — Komponenten-basierte UI-Library mit deklarativem Rendering.
- [TypeScript](https://tobiasjonas-ludwig.de/tech/typescript) — Typsicheres Superset von JavaScript.
- [Tailwind CSS](https://tobiasjonas-ludwig.de/tech/tailwind-css) — Utility-First CSS-Framework mit Design-Token-Pipeline.
- [shadcn/ui](https://tobiasjonas-ludwig.de/tech/shadcn-ui) — Copy-paste-Komponenten auf Radix + Tailwind, kein klassischer Component-Lib-Lock.
- [Supabase](https://tobiasjonas-ludwig.de/tech/supabase) — Open-Source Firebase-Alternative: Postgres, Auth, Storage, Edge-Functions.
- [PostgreSQL](https://tobiasjonas-ludwig.de/tech/postgresql) — Objekt-relationale Open-Source-Datenbank mit JSONB, FTS und reicher Erweiterbarkeit.
- [Flutter](https://tobiasjonas-ludwig.de/tech/flutter) — UI-SDK von Google für cross-platform Apps (iOS, Android, Web, Desktop).
- [Dart](https://tobiasjonas-ludwig.de/tech/dart) — Optimierte Client-Sprache für Flutter, mit AOT/JIT-Compile.
- [Three.js](https://tobiasjonas-ludwig.de/tech/three-js) — WebGL-Library für 3D-Szenen, Kameras und Effekte im Browser.
- [React Three Fiber](https://tobiasjonas-ludwig.de/tech/react-three-fiber) — React-Renderer für Three.js — deklarative 3D-Szenen.
- [Framer Motion](https://tobiasjonas-ludwig.de/tech/framer-motion) — Production-grade Animationen für React (Spring, Layout, Gesten).
- [GSAP](https://tobiasjonas-ludwig.de/tech/gsap) — High-performance Animation-Engine für komplexe Timelines & ScrollTrigger.
- [@react-pdf/renderer](https://tobiasjonas-ludwig.de/tech/react-pdf) — PDF-Rendering aus React-Komponenten, serverseitig oder im Browser.
- [Docker](https://tobiasjonas-ludwig.de/tech/docker) — Container-Plattform für reproduzierbare Build-/Deploy-Pipelines.
- [Coolify](https://tobiasjonas-ludwig.de/tech/coolify) — Self-hosted PaaS, Heroku-/Netlify-Alternative auf eigener Hardware.
- [Node.js](https://tobiasjonas-ludwig.de/tech/node-js) — JavaScript-Runtime auf V8 für serverseitige Anwendungen.
- [pnpm](https://tobiasjonas-ludwig.de/tech/pnpm) — Schneller, festplattensparender Package-Manager mit Workspaces.
- [Vite](https://tobiasjonas-ludwig.de/tech/vite) — Build-Tool mit Lightning-fast HMR über native ES-Module.
- [Turbopack](https://tobiasjonas-ludwig.de/tech/turbopack) — Inkrementeller Rust-Bundler von Vercel, Nachfolger von Webpack für Next.

## Showcase (71 Seiten)

Interaktive Arbeitsproben unter https://tobiasjonas-ludwig.de/showcase — Scroll-Inszenierungen, Shader, 3D, Spiele. Technikdemos, keine Beratungsinhalte.

- [Für Betriebe (13)](https://tobiasjonas-ludwig.de/showcase/betrieb) — Bausteine, die eine Firmenseite wirklich braucht
- [Neue Seitenkonzepte (10)](https://tobiasjonas-ludwig.de/showcase/konzepte) — Websites, die anders funktionieren als Scrollen
- [Web-Apps (6)](https://tobiasjonas-ludwig.de/showcase/apps) — Vollwertige Anwendungen im Browser
- [3D & Grafik (11)](https://tobiasjonas-ludwig.de/showcase/grafik) — WebGL, Shader und Partikel auf der Grafikkarte
- [Scroll & Kino (9)](https://tobiasjonas-ludwig.de/showcase/scroll) — Seiten, die sich beim Scrollen erzählen
- [Spiele (12)](https://tobiasjonas-ludwig.de/showcase/spiele) — Mitspielen statt nur Anschauen
- [Stilwelten (10)](https://tobiasjonas-ludwig.de/showcase/stile) — Eine Seite, zehn Handschriften

## Kontakt

- Website: https://tobiasjonas-ludwig.de
- Termin buchen: https://tobiasjonas-ludwig.de/kalender
- Kontaktformular: https://tobiasjonas-ludwig.de/kontakt
- E-Mail: ludwig.tobias105@t-online.de
- Standort: Bonn, NRW, Deutschland — Projekte auch vollständig remote