Static QR Code Generation for HTML Assets

Problem

Custom inline JavaScript QR code generators (implementing Reed-Solomon error correction, module placement, and masking from scratch) are fragile. A single bit error in format information, version data, or mask pattern produces a QR code that looks correct visually but won't scan. Debugging these ~200-line implementations is impractical.

Context / Trigger Conditions

• QR code renders visually in the page but phone cameras/scanners can't decode it
• Hand-written QR generator using inline <script> in an HTML file
• The encoded URL is fixed (not dynamic/user-dependent)
• Marketing posters, event flyers, landing pages, or any static HTML asset

Solution

Step 1: Generate a static SVG using the qrcode npm library