Download the invoice as a PDF

A Download PDF button prints just the invoice, and a deep link fires the print dialog automatically from the builder's own list.

What it is

Browser print as the PDF mechanism, with print styles hiding the action bar so only the document reaches paper. A ?print=1 parameter fires the dialog once after the data and fonts settle.

Also called: print invoice · save invoice pdf · invoice for my records

See it
Download the invoice as a PDF
Prepared for
Ronan Petsch
1140 Ridge Line Rd · Fair Play
Shell package$30,994
Concrete & site$8,998
Doors & windows$5,999
Trim & finish$3,999
Total
$49,990
Signature
The invoice action bar Download PDF button and the resulting clean print preview. src/app/invoice/[token]/page.tsx. Sample data — no customer information appears here.
How it works
  1. 1The action bar carries print-hidden and the document carries print-area
  2. 2?print=1 fires window.print() once after a short settle delay
  3. 3Re-renders do not re-fire the dialog
Why we built it

Customers ask for a PDF for their own records and their accountant, and builders were exporting one by hand and emailing it back. The invoice prints to a clean document straight from the browser, with the page furniture stripped out. Builders can send a link that lands directly on the save-as-PDF prompt, so a customer who asked for a copy gets one in a click rather than a conversation.

The problem
  • No downloadable artefact from a web invoice
  • Print output including page chrome
Sound familiar?
What you get
Either side gets a clean PDF without a server render step
One click from the builder's invoice list to a save prompt

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →