🚀 Easy Content Generator – Wie ich einen KI-gestützten Content-Generator von Grund auf gebaut habe

Von Francisco Sanchez | März 2026

Die Idee

Jeder, der regelmäßig Inhalte erstellt – sei es für einen Blog, Social Media, Newsletter oder Produktbeschreibungen – kennt das Problem: Es kostet Zeit. Viel Zeit. Und nicht jeder kann sich einen professionellen Texter leisten.

Die Idee hinter Easy Content Generator war einfach: Eine Plattform zu bauen, die es jedem ermöglicht, mit wenigen Klicks hochwertige, professionelle Texte zu generieren – in mehreren Sprachen, mit verschiedenen Tonalitäten und sofort exportierbar.

Was als kleines Nebenprojekt begann, ist zu einer vollwertigen SaaS-Plattform herangewachsen.

Was kann Easy Content Generator?

🤖 KI-gestützte Content-Generierung

Im Herzen der App arbeitet die Google Gemini API. Nutzer geben einen Prompt ein – zum Beispiel „Schreibe einen Blog-Beitrag über nachhaltige Mode" – und die KI generiert einen vollständigen, strukturierten Text.

Das Besondere: Der Nutzer hat volle Kontrolle über:

• Sprache – Englisch, Deutsch, Französisch, Spanisch, Italienisch, Portugiesisch und mehr
• Tonalität – Professionell, locker, kreativ oder technisch
• Templates – Vorgefertigte Vorlagen für verschiedene Content-Typen

🌍 Echte Mehrsprachigkeit

Das ist kein simples Google Translate. Die KI generiert Inhalte direkt in der Zielsprache – mit natürlicher Grammatik, idiomatischen Ausdrücken und kulturellem Kontext. Ein auf Deutsch generierter Blog-Post liest sich, als hätte ihn ein deutscher Muttersprachler geschrieben.

Die gesamte Benutzeroberfläche ist ebenfalls in 6 Sprachen verfügbar – inklusive aller Buttons, Fehlermeldungen und Systemtexte.

📚 Template-System

Nutzer können aus vorgefertigten Templates wählen:

Zusätzlich können Nutzer eigene Templates erstellen und speichern – so wird jeder wiederkehrende Content-Typ zum Ein-Klick-Erlebnis.

📥 Export überall hin

Generierte Inhalte lassen sich sofort exportieren:

• PDF – Fertig formatiert zum Drucken oder Teilen
• Word (DOCX) – Zum Weiterbearbeiten in Microsoft Word oder Google Docs
• Markdown – Perfekt für Blogs, GitHub oder CMS-Systeme

👁️ Live-Vorschau

Bevor ein Text exportiert wird, kann er in einer Live-Vorschau angezeigt werden – inklusive responsiver Ansichten für Desktop, Tablet und Mobile. So sieht man sofort, wie der Content auf verschiedenen Geräten aussieht.

✏️ Inline-Editing

Generierte Texte können direkt in der App bearbeitet werden. Titel ändern, Absätze umschreiben, Feinschliff hinzufügen – alles ohne die App zu verlassen.

Die Technik dahinter

Backend: FastAPI + Python

Das Backend basiert auf FastAPI – einem modernen, schnellen Python-Framework. Die Architektur:

backend/
├── main.py              # API-Routen & Endpunkte
├── config.py            # Konfiguration & Pläne
├── database.py          # SQLite mit SQLAlchemy
├── auth.py              # JWT-Authentifizierung
├── ai_generator.py      # Google Gemini Integration
├── export_service.py    # PDF/Word/Markdown Export
├── stripe_routes.py     # Stripe Payment Integration
└── templates_db.py      # Template-Management

Highlights:

• JWT-basierte Authentifizierung mit bcrypt-Passwort-Hashing
• Rollenbasierte Zugriffskontrolle (Admin/User)
• Rate Limiting pro Plan (5/100/unbegrenzt Generierungen)
• SQLite als Datenbank – leichtgewichtig, keine externe DB nötig

Frontend: React + TypeScript

Das Frontend ist eine Single Page Application mit React und TypeScript:

• React 18 mit Hooks (useState, useEffect)
• TypeScript für Typsicherheit
• Tailwind CSS für das Styling
• i18next für Internationalisierung (6 Sprachen)
• Axios für API-Kommunikation
• React Markdown für die Content-Vorschau

Infrastruktur: Docker

Die gesamte App läuft in Docker Containern:

services:
  backend:    # FastAPI auf Port 8000
  frontend:   # React (Nginx) auf Port 80
  nginx:      # Reverse Proxy mit SSL

Ein einziges docker compose up -d --build startet alles. Kein kompliziertes Setup, keine Abhängigkeits-Hölle.

Zahlungen: Stripe

Für die kostenpflichtigen Pläne ist Stripe integriert:

• Checkout Sessions für einmalige Zahlungen
• Monatliche und jährliche Abrechnungszyklen
• Webhooks für automatische Plan-Aktivierung
• Sichere Zahlungsabwicklung (PCI DSS konform)

Die Pricing-Strategie

Bei jährlicher Zahlung gibt es 25% Rabatt.

Die Idee: Der kostenlose Starter-Plan gibt Nutzern genug, um den Dienst kennenzulernen. Wer regelmäßig Content produziert, wird schnell den Wert eines Upgrades erkennen.

Was ich gelernt habe

1. i18n ist mehr als Übersetzen

Internationalisierung klingt einfach – ist es aber nicht. Jede Sprache hat ihre eigenen Herausforderungen:

• Deutsche Wörter sind oft länger → Buttons und Labels müssen flexibel sein
• Französische Sonderzeichen → UTF-8 überall
• Rechts-nach-links Sprachen → zum Glück (noch) nicht nötig

2. Stripe Integration braucht Geduld

Die Stripe-Integration war der komplexeste Teil. Webhooks, Checkout Sessions, Plan-Upgrades, Abrechnungszyklen – all das muss nahtlos funktionieren. Ein Fehler und der Kunde zahlt, bekommt aber keinen Zugang.

3. Dark Mode ist Pflicht

Ich habe den Dark Mode anfangs als "Nice to have" betrachtet. Die Resonanz zeigt: Die Mehrheit der Nutzer bevorzugt Dark Mode. Es war die richtige Entscheidung, ihn von Anfang an einzubauen.

4. Docker vereinfacht alles

Ohne Docker hätte das Deployment deutlich länger gedauert. Die Tatsache, dass ich docker compose up tippen kann und alles funktioniert – Backend, Frontend, Nginx, SSL – ist Gold wert.

Die Landing Page

Ein besonderes Augenmerk lag auf der Landing Page. Sie ist das Erste, was Besucher sehen, und muss sofort überzeugen:

• Hero Section mit animierten Hintergrund-Blobs und klarem Call-to-Action
• Features Grid mit Icons und Beschreibungen
• Templates Showcase – zeigt die verfügbaren Kategorien
• Pricing Section mit Monats-/Jahresumschalter
• CTA Section – nochmal der Push zur Registrierung
• Footer mit Scroll-Links, Kontakt, Impressum und Datenschutz

Alles ist responsive – vom Smartphone bis zum 4K-Monitor.

Admin-Bereich

Für die Verwaltung gibt es einen Admin-Bereich mit:

• Übersicht aller Nutzer
• Nutzungsstatistiken
• Template-Verwaltung (globale Default-Templates)
• Plan-Management

Technische Highlights auf einen Blick

Was kommt als Nächstes?

Der Fahrplan für die nächsten Monate:

• 🔄 Versionierung – Änderungshistorie für generierte Inhalte
• 🤝 Team-Features – Gemeinsame Workspaces für Enterprise
• 📊 Erweiterte Analytics – Detaillierte Nutzungsstatistiken
• 🌐 Weitere Sprachen – Japanisch, Koreanisch, Arabisch

Fazit

Easy Content Generator zeigt, was möglich ist, wenn man moderne Technologien intelligent kombiniert. Von der Idee bis zur funktionsfähigen SaaS-Plattform – mit KI-Integration, mehrsprachiger Oberfläche, Zahlungssystem und professionellem Design.

Das Wichtigste, was ich gelernt habe: Einfach anfangen. Die erste Version war ein Python-Script mit 50 Zeilen. Heute ist es eine Full-Stack-Anwendung mit über 5.000 Zeilen Code. Aber jeder einzelne Schritt war überschaubar.

Wenn du Fragen zum Projekt hast oder Feedback geben möchtest, schreib mir gerne an aicongener@gmail.com oder besuche die App unter Easy Content Generator.

Du kannst dich auch hier im Forum anmelden.

Dieser Beitrag wurde übrigens nicht von einer KI geschrieben.