How I Built a Privacy-First Image to PDF Converter in Next.js (Without Uploading Files on server)

Gajendra Paliwal — Mon, 27 Jul 2026 06:11:44 +0000

When I started building document utilities, I noticed something that bothered me.

Most online Image to PDF converters require users to upload their personal images to a server before generating a PDF.

For resumes, passports, certificates, invoices, and other sensitive documents, that isn't always ideal.

So I decided to build an Image to PDF converter that works entirely in the browser.

No server-side file processing.
No file uploads.
Just your browser.

Why Browser-Side Processing?

Modern browsers are much more powerful than they were a few years ago.

Instead of sending images to a backend, everything can be processed locally.

That provides several advantages:

🔒 Better privacy (files stay on your device)
⚡ Faster processing
💰 Lower hosting costs
🌍 Better scalability
📱 Works well on desktop and mobile

For utility websites, this approach is often a better user experience.

Tech Stack

I built the tool using:

Next.js
React
TypeScript
Tailwind CSS
Browser File API
Canvas API
pdf-lib

Everything happens inside the browser.

Features

The latest version includes:

Multiple image upload
Drag & Drop support
Drag-to-reorder pages
Image rotation
A4 & Letter page sizes
Margin settings
Image quality selection
Browser-based PDF generation
Download
Native Share API support (where available)
Biggest Challenges

Generating the PDF wasn't actually the hardest part.

The real challenge was creating a smooth experience that works across different browsers and devices.

Some areas required extra attention:

Handling large, high-resolution images efficiently
Keeping memory usage under control
Maintaining image quality
Supporting mobile browsers
Creating reusable UI components instead of duplicating logic

Those improvements made a much bigger difference than simply adding more features.

What I Learned

One lesson became very clear:

Users value a polished workflow more than a long feature list.

Simple improvements like:

consistent buttons
drag-and-drop uploads
progress indicators
printable layouts
native sharing

can significantly improve the overall experience.

Live Demo

If you'd like to try it yourself:

👉 Image to PDF Tool
https://formatforge.in/tools/image-to-pdf

You can also explore the full collection of browser-based utilities here:

🌐 FormatForge
https://formatforge.in

The platform focuses on browser-based tools for:

PDF
Images
JSON
YAML
Developer Utilities
Business & Productivity
I'd Love Your Feedback

I'm continuing to improve FormatForge with a focus on:

Performance
Privacy
Browser-first processing
Better developer and user experience

I'm curious:

Do you prefer browser-side or server-side document processing?
Which PDF library has worked best for your projects?
What's one feature you think every PDF tool should include?

I'd love to hear your thoughts and suggestions in the comments.

From Enterprise Procurement Systems to Building Browser-Based Developer Tools

Gajendra Paliwal — Wed, 22 Jul 2026 06:46:54 +0000

Over the last 14+ years, I've been working with the Microsoft technology stack, designing and delivering enterprise applications for procurement, inventory management, warehouse operations, and EPOS systems.

As a Tech Lead, I've worked on projects involving:

Procurement & Purchase Order Management
Inventory & Warehouse Management
EPOS integrations
Accounting integrations
REST APIs & Microservices
Azure cloud solutions
Performance optimization and secure application design

While enterprise software has always been my primary focus, I've recently been expanding my work with Next.js, React, and TypeScript by building browser-based productivity tools.

One of my goals is to build applications that are fast, privacy-friendly, and solve real business problems directly in the browser whenever possible.

Some of the tools I've been building include:

YAML Studio for Kubernetes, Docker Compose, GitHub Actions, Azure DevOps, Helm, Prometheus, and Grafana configuration generation.
JSON ↔ Excel Converter with support for nested JSON, multi-sheet exports, and parent-child relationships.
Multilingual OCR for business documents.
PDF to Excel with structured table extraction.
JSON Formatter & Validator.
CSV, Excel, and other data conversion tools.

One thing I've learned while building document-processing tools is that file conversion is the easy part.

The real challenge is preserving document structure—detecting tables, handling multi-line descriptions, reconstructing wrapped product codes, and generating output that users can actually work with instead of spending time cleaning it up.

My experience in procurement has made this especially interesting because Purchase Orders, Delivery Notes, Goods Receipts, and Invoices all have different layouts and business rules. Building reliable tools requires understanding both the technology and the business process behind the documents.

Alongside application development, I'm also continuing to strengthen my DevOps knowledge with Docker, Azure DevOps, Azure Container Registry (ACR), YAML Pipelines, and Kubernetes (AKS).

It's been a rewarding journey moving from enterprise business applications to browser-based developer tools. Although the technologies are different, the objective remains the same:

Build software that solves real problems in a simple, reliable, and user-friendly way.

I'm always interested in connecting with developers working on enterprise software, document processing, cloud-native applications, or developer productivity tools.

What engineering challenge are you currently working on? I'd love to hear about it.

Technologies

Instead of hashtags in the body, use a simple section like this:

Backend: C#, .NET, ASP.NET Core, Web API, SQL Server

Frontend: Next.js, React, TypeScript, Tailwind CSS

Cloud & DevOps: Azure, Azure DevOps, Docker, Kubernetes (AKS), Azure Container Registry (ACR), YAML Pipelines

Document Processing: OCR, PDF Processing, JSON, YAML, Excel, CSV

Domain Experience: Procurement, Inventory Management, Warehouse Management, EPOS

DEV Community: Gajendra Paliwal

How I Built a Privacy-First Image to PDF Converter in Next.js (Without Uploading Files on server)

From Enterprise Procurement Systems to Building Browser-Based Developer Tools