Muhammad Arslan
Mich beauftragen
Zurück zu Projekten

PDF Toolkit

Eine browserbasierte Suite zum Zusammenführen, Teilen, Organisieren, Konvertieren und Komprimieren von PDFs, bei der die Dateien Ihr Gerät niemals verlassen.

Rolle: Solo full-stack developmentZeitrahmen: 2025Typ: Web app / product

Next.js 16

React 19

Tailwind CSS 4

pdf-lib

PDF.js

Ghostscript (WASM)

dnd-kit

JSZip

PDF Toolkit Organizer mit drei synthetischen Projektdokumentseiten

Übersicht

PDF Toolkit ist eine clientseitige Antwort auf Tools wie iLovePDF. Es deckt die täglichen PDF-Aufgaben ab, die häufig anfallen – darunter das Zusammenführen von Dateien, das Extrahieren von Seiten, das Neuanordnen und Drehen, das Konvertieren in und aus Bildern sowie das Komprimieren – und führt all das vollständig im Browser aus. Nichts wird hochgeladen. Der Marketingauftritt und der Werkzeugkatalog sind einer Reihe von Live-Workspaces vorgeschaltet, von denen jeder ein eigenständiges Tool darstellt.

Das Problem

Die gängigen Online-PDF-Tools funktionieren alle nach demselben Prinzip: Sie laden Ihr Dokument auf einen Server hoch, es wird verarbeitet, und Sie laden das Ergebnis herunter. Für eine einfache Bildkonvertierung ist das in Ordnung. Bei einem unterschriebenen Vertrag, einem Ausweisscan, medizinischen Unterlagen oder einem Finanzbericht bedeutet dies jedoch, eine vertrauliche Datei an Dritte zu übergeben und auf deren Aufbewahrungsrichtlinien zu vertrauen. Es gab eine deutliche Marktlücke für ein Werkzeug, das dieselben Aufgaben erledigt, aber jede Datei vollständig auf dem Rechner des Nutzers belässt.

Meine Rolle & Vorgehensweise

Ich habe das gesamte Produkt eigenständig entwickelt: die Marketing-Website, den Tool-Katalog und jedes einzelne funktionale Werkzeug. Die zentrale Entscheidung war architektonischer Natur: die gesamte PDF-Verarbeitung direkt im Browser abzuwickeln. Diese Wahl bestimmte alles Weitere, da eine clientseitige Verarbeitung den Verzicht auf Serverbetrieb, keine Kosten pro Datei und ein klares Datenschutzversprechen bedeutete: Ihre Dateien verlassen zu keinem Zeitpunkt Ihr Gerät.

Tech-Stack

FrameworkNext.js 16 (App Router) with React 19
PDF-Bearbeitungpdf-lib for structural operations (merge, split, page manipulation)
PDF-RenderingPDF.js (pdfjs-dist) for previews and thumbnails
KomprimierungGhostscript compiled to WebAssembly, which runs entirely in the browser
Interaktiondnd-kit for drag-and-drop page and file ordering; JSZip for bulk image downloads
StylingTailwind CSS 4 with a shadcn-inspired component set
AnalytikPostHog

Wichtigste Features

PDF zusammenführenmehrere Dateien zusammenführen, per Drag-and-Drop neu anordnen und als ein Dokument exportieren.
PDF teilenbestimmte Seitenbereiche (beispielsweise 1-2,5) in eine neue Datei extrahieren.
PDF organisierenSeiten vor dem Exportieren neu anordnen, drehen und löschen.
Bild zu PDFJPG- und PNG-Dateien in ein PDF umwandeln mit Drag-and-Drop-Reihenfolge.
PDF zu BildSeiten als Bilder rendern mit Miniaturvorschauen und ZIP-Download.
PDF-Viewerein integrierter Reader mit Zoom und Seitennavigation, basierend auf PDF.js.
PDF komprimierenDateigröße mithilfe von Ghostscript direkt im Browser reduzieren.
Optimiert für Auffindbarkeiteine professionelle Marketing-Website mit Sitemap, robots-Datei und einer llm.txt für AI-Crawler.

Galerie

PDF Toolkit Seitenmanager mit synthetischem Projektbriefing, Systemübersicht und Release-Checkliste
PDF Toolkit Organizer mit 90-Grad-Exporteinstellung für eine Beispiel-PDF-Seite

Herausforderungen & Lösungen

Die größte Schwierigkeit beim Verzicht auf einen Server liegt darin, dass der Browser alle Aufgaben übernehmen muss, die normalerweise serverseitig abgewickelt werden. Ich habe die Aufgaben auf zwei Engines aufgeteilt: pdf-lib übernimmt strukturelle Bearbeitungen, bei denen die interne Struktur des Dokuments neu geschrieben wird, während PDF.js das Rendering steuert, sobald eine Seite angezeigt oder in ein Bild konvertiert werden soll.

Die Komprimierung war die größte Herausforderung. Eine echte PDF-Komprimierung stützt sich üblicherweise auf Ghostscript, ein umfangreiches natives Werkzeug, das serverseitig ausgeführt wird. Um das Datenschutzversprechen einzulösen, habe ich einen WebAssembly-Build von Ghostscript eingesetzt, sodass dieselbe Engine lokal im Browser läuft. Die Komprimierung ist vollwertig, und dennoch wird nichts hochgeladen. Das Neuanordnen von Seiten und Dateien sollte sich nahtlos und greifbar anfühlen; daher habe ich dnd-kit für flüssiges Drag-and-Drop verwendet und Multi-Bild-Exporte mit JSZip in einem einzigen ZIP-Archiv gebündelt, statt zahlreiche Einzoldownloads anzustoßen.

Ergebnis

Das Ergebnis ist ein vollständiges Toolkit im Stil von iLovePDF, das ganz ohne Backend, Dateispeicherung und Hosting-Kosten jenseits der statischen Bereitstellung auskommt – und dabei etwas bietet, was etablierte Anbieter nicht leisten können: eine glaubwürdige Garantie, dass Dokumente das Gerät niemals verlassen. Es ist ein wirklich nützliches Werkzeug, das zeigt, wie viel anspruchsvolle Arbeit moderne Browser übernehmen können.

Haben Sie eine ähnliche Produktherausforderung?

Teilen Sie mir den aktuellen Stand des Produkts, das gewünschte Ergebnis und bereits bestehende Rahmenbedingungen mit. Daraus leite ich einen sinnvollen ersten Meilenstein ab.

Webanwendungs-Entwicklungsdienstleistungen
Projektbriefing starten
Alle ProjekteNächstes ProjektVCM
PDF Toolkit: Datenschutzorientierte Browser-PDF-Tools ohne Uploads | Muhammad Arslan