Why I Built a 100% Private PDF Signer (No Server Uploads)

#showdev #webdev #privacy #nextjs

I recently had to sign a rental agreement. Like most people, I looked for an online tool to get it done quickly. But as soon as I dragged my PDF into the browser, a warning light went off in my head.

Why am I uploading my lease, complete with my address, ID details, and signature, to some random company's server?

Even worse, after uploading, the site blocked me with a paywall. It wanted me to create an account and subscribe just to place one signature.

I got frustrated. So, I decided to build my own solution: MyDigitSign.

Here is why I made it entirely client-side, how it works under the hood, and how you can build something similar.

The Privacy Problem with Online Signing

Most PDF signature websites work like this:

You upload your document to their backend server.
The server processes the document.
The frontend lets you position your signature.
The server merges the file and lets you download it.

This setup is a security nightmare. If that company gets breached, your private legal documents are exposed.

With MyDigitSign, I wanted a strict rule: Zero server uploads.

The app runs on Next.js, but the backend server never touches your files. The moment you load the page, the entire signature engine runs locally inside your browser. Your documents stay on your computer.

How it Works (Under the Hood)

The application uses standard browser APIs and Next.js to handle the heavy lifting.

1. Creating the Signature

I built a clean signature pad that gives users three options to create a digital signature certificate:

Draw: Use your mouse or touchscreen to draw a signature on an HTML5 canvas.
Type: Type your name and map it to elegant cursive web fonts.
Upload: Import an existing image of your signature.

The signature is then exported as a transparent PNG.

2. Local Rendering

When you select a document, the app renders it directly in your browser. We load the signature image as a draggable, resizable layer on top of the document. You can place the pdf editor signature exactly where you want it.

3. Client-Side Export

When you click download, the app modifies the document data structure locally inside the browser. It injects the signature image at the exact coordinates you chose and triggers a native file download.

Is it Legally Binding?

This was my biggest concern. Are electronic signatures acceptable for real contracts?

After researching the legal frameworks, the answer is a clear yes. Under major laws like the ESIGN Act in the US and eIDAS in the European Union, self-generated electronic signatures are legally valid for the vast majority of business, freelance, and personal agreements.

You do not need a paid service to sign document for free online.