tknuth/QR-master
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Copy overhaul + qr designs

Browse Source
This commit is contained in:
knuthtimo-lab
2026-07-27 17:54:59 +02:00
parent 033bc7e29d
commit 70d97aa970
144 changed files with 23107 additions and 1699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(main)/(marketing)/tools/barcode-generator/BarcodeFormatPicker.tsx
View File

@@ -51,7 +51,7 @@ const RESULTS: Record<string, Result> = {
'pharmacode': {
format: 'Pharmacode',
label: 'Pharmacode',
description: 'A pharmaceutical packaging standard used to verify correct product packaging. Encodes a single numeric value (3–131071).',
description: 'A pharmaceutical packaging standard used to verify correct product packaging. Encodes a single numeric value (3-131071).',
example: '12345',
color: 'red',
},

2
src/app/(main)/(marketing)/tools/barcode-generator/BarcodeGeneratorClient.tsx
View File

@@ -164,7 +164,7 @@ export default function BarcodeGeneratorClient() {
return (
<>
<PostDownloadPopup open={showPopup} onClose={() => setShowPopup(false)} />
<PostDownloadPopup open={showPopup} onClose={() => setShowPopup(false)} variant="url" />
<div className="w-full max-w-5xl mx-auto px-4 md:px-6">
{/* Main Generator Card */}

22
src/app/(main)/(marketing)/tools/barcode-generator/BarcodeGuide.tsx
View File

@@ -14,7 +14,7 @@ export function BarcodeGuide() {
<BookOpen className="w-8 h-8 text-blue-600" />
</div>
<h2 className="text-3xl font-bold text-slate-900 m-0">
Barcode Generator – How Barcodes Work and Why They Matter
Barcode Generator - How Barcodes Work and Why They Matter
</h2>
</div>
<p className="text-xs text-slate-400 mb-8 not-prose">
@@ -138,7 +138,7 @@ export function BarcodeGuide() {
<tr className="border-t border-slate-100 bg-slate-50">
<td className="p-3 font-bold text-red-700">Pharmacode</td>
<td className="p-3 text-slate-600">Pharmaceutical packaging</td>
<td className="p-3 text-slate-500 font-mono text-xs">3–131071 numeric</td>
<td className="p-3 text-slate-500 font-mono text-xs">3-131071 numeric</td>
<td className="p-3 text-slate-600">Pharma</td>
</tr>
</tbody>
@@ -185,7 +185,7 @@ export function BarcodeGuide() {
<h2>Barcode Accuracy: What the Research Shows</h2>
<p>
Barcodes are not just convenient — they are scientifically proven to reduce errors across industries. Independent research from logistics, healthcare, and economics consistently shows the same result: switching from manual data entry to barcode scanning produces dramatic accuracy gains.
Barcodes are not just convenient - they are scientifically proven to reduce errors across industries. Independent research from logistics, healthcare, and economics consistently shows the same result: switching from manual data entry to barcode scanning produces dramatic accuracy gains.
</p>
<div className="not-prose grid gap-4 my-8">
@@ -240,7 +240,7 @@ export function BarcodeGuide() {
rel="noopener noreferrer"
className="underline hover:text-slate-600"
>
New England Journal of Medicine — "Effect of Bar-Code Technology on the Safety of Medication Administration"
New England Journal of Medicine - "Effect of Bar-Code Technology on the Safety of Medication Administration"
</a>
{'; '}
<a
@@ -249,7 +249,7 @@ export function BarcodeGuide() {
rel="noopener noreferrer"
className="underline hover:text-slate-600"
>
AHRQ — Barcode Medication Administration (BCMA) research
AHRQ - Barcode Medication Administration (BCMA) research
</a>
{'.'}
</p>
@@ -267,7 +267,7 @@ export function BarcodeGuide() {
Significant Productivity Gains at Checkout (Retail Economics)
</p>
<p className="text-sm text-slate-600 mb-2">
The productivity impact of barcodes extends beyond accuracy. Economic research from the National Bureau of Economic Research (NBER) documents dramatic throughput gains for retailers when switching from manual key-entry to barcode scanners — an effect that transformed checkout speed and operational cost structures across the industry.
The productivity impact of barcodes extends beyond accuracy. Economic research from the National Bureau of Economic Research (NBER) documents dramatic throughput gains for retailers when switching from manual key-entry to barcode scanners - an effect that transformed checkout speed and operational cost structures across the industry.
</p>
<p className="text-xs text-slate-400">
Source:{' '}
@@ -277,7 +277,7 @@ export function BarcodeGuide() {
rel="noopener noreferrer"
className="underline hover:text-slate-600"
>
NBER Working Paper — "Raising the Barcode Scanner: Technology and Productivity in the Retail Sector"
NBER Working Paper - "Raising the Barcode Scanner: Technology and Productivity in the Retail Sector"
</a>
{'.'}
</p>
@@ -329,7 +329,7 @@ export function BarcodeGuide() {
<h2>Understanding Check Digits</h2>
<p>
Most barcodes (like EAN and UPC) include a "Check Digit"—the last number in the sequence. This digit is calculated mathematically from the other numbers to ensure the barcode is scanned correctly. Even if a barcode is slightly damaged or scratched, the scanner uses the check digit to verify the integrity of the data.
Most barcodes (like EAN and UPC) include a "Check Digit"-the last number in the sequence. This digit is calculated mathematically from the other numbers to ensure the barcode is scanned correctly. Even if a barcode is slightly damaged or scratched, the scanner uses the check digit to verify the integrity of the data.
</p>
<h2>Best Practices for Printing Barcodes</h2>
@@ -363,7 +363,7 @@ export function BarcodeGuide() {
},
{
question: 'Can I download barcodes in vector format (SVG)?',
answer: 'Yes — SVG downloads are available. SVG files are vector-based, meaning they can be scaled to any size without losing quality. This is ideal for professional product packaging and labels.',
answer: 'Yes - SVG downloads are available. SVG files are vector-based, meaning they can be scaled to any size without losing quality. This is ideal for professional product packaging and labels.',
},
{
question: 'How do I generate a barcode online?',
@@ -375,11 +375,11 @@ export function BarcodeGuide() {
},
{
question: 'Can I use these barcodes for Amazon (EAN/UPC)?',
answer: 'You can generate the barcode <em>image</em> here if you already have a valid EAN/UPC number. However, you cannot create a globally registered EAN/UPC number here — you must purchase official numbers from GS1 to list products on Amazon or in major retail systems.',
answer: 'You can generate the barcode <em>image</em> here if you already have a valid EAN/UPC number. However, you cannot create a globally registered EAN/UPC number here - you must purchase official numbers from GS1 to list products on Amazon or in major retail systems.',
},
{
question: 'What is the difference between a barcode and a QR code?',
answer: 'A barcode stores data in one dimension (horizontal bars) and is mainly used for product identification. A QR code stores data in two dimensions (a matrix) and can hold much more information — URLs, contact details, WiFi credentials, and more.',
answer: 'A barcode stores data in one dimension (horizontal bars) and is mainly used for product identification. A QR code stores data in two dimensions (a matrix) and can hold much more information - URLs, contact details, WiFi credentials, and more.',
},
]}
/>

28
src/app/(main)/(marketing)/tools/barcode-generator/page.tsx
View File

@@ -23,10 +23,10 @@ import {
// SEO Optimized Metadata
export const metadata: Metadata = {
title: {
absolute: 'Free Custom Barcode Generator - EAN, UPC, Code 128',
absolute: 'Barcode Generator - EAN-13, UPC-A, Code 128, Free',
},
description:
'Free custom barcode generator and barcode maker for EAN-13, UPC-A, UPC barcode, and Code 128. Create scannable labels for retail and inventory, then download PNG or SVG.',
'Type a number, get a scannable barcode. EAN-13, UPC-A and Code 128 for retail shelves, inventory and labels. Download print-ready PNG or SVG. Free, no signup.',
keywords: [
'barcode generator',
'custom barcode generator',
@@ -49,9 +49,8 @@ export const metadata: Metadata = {
},
},
openGraph: {
title: 'Free Custom Barcode Generator - EAN, UPC & Code 128',
description:
'Free online barcode maker for EAN-13, UPC-A, and Code 128. Create scannable custom barcodes in seconds and download PNG or SVG.',
title: 'Barcode Generator - EAN-13, UPC-A, Code 128, Free',
description: 'Type a number, get a scannable barcode. For retail shelves, inventory and labels.',
url: 'https://www.qrmaster.net/tools/barcode-generator',
siteName: 'QR Master',
locale: 'en_US',
@@ -62,9 +61,8 @@ export const metadata: Metadata = {
},
twitter: {
card: 'summary_large_image',
title: 'Free Barcode Generator',
description:
'Create custom barcodes in seconds. Download high-quality PNG/SVG.',
title: 'Barcode Generator - EAN-13, UPC-A, Code 128, Free',
description: 'Type a number, get a scannable barcode. For retail shelves, inventory and labels.',
},
robots: {
index: true,
@@ -163,7 +161,7 @@ const jsonLd = {
'Can I download barcodes in vector format (SVG)?': {
question: 'Can I download barcodes in vector format (SVG)?',
answer:
'Yes! We offer SVG downloads. SVG files are vector-based, meaning they can be scaled to any size without losing quality—perfect for professional product packaging.',
'Yes! We offer SVG downloads. SVG files are vector-based, meaning they can be scaled to any size without losing quality-perfect for professional product packaging.',
},
'How do I generate a barcode online?': {
question: 'How do I generate a barcode online?',
@@ -178,7 +176,7 @@ const jsonLd = {
'Can I use these barcodes for Amazon (EAN/UPC)?': {
question: 'Can I use these barcodes for Amazon (EAN/UPC)?',
answer:
'You can generate the image for Amazon here if you already have your EAN/UPC number. However, you cannot "create" a valid global EAN number here—you must purchase those official numbers from GS1 to sell on major platforms like Amazon.',
'You can generate the image for Amazon here if you already have your EAN/UPC number. However, you cannot "create" a valid global EAN number here-you must purchase those official numbers from GS1 to sell on major platforms like Amazon.',
},
'What is the difference between a barcode and a QR code?': {
question: 'What is the difference between a barcode and a QR code?',
@@ -188,7 +186,7 @@ const jsonLd = {
'What barcode format do Amazon and Walmart require?': {
question: 'What barcode format do Amazon and Walmart require?',
answer:
'Amazon and Walmart require UPC-A (12 digits) for products sold in the United States and Canada, and EAN-13 (13 digits) for products sold internationally. You must purchase official GS1-registered numbers to sell on these platforms — you cannot self-generate valid retail UPC/EAN numbers.',
'Amazon and Walmart require UPC-A (12 digits) for products sold in the United States and Canada, and EAN-13 (13 digits) for products sold internationally. You must purchase official GS1-registered numbers to sell on these platforms - you cannot self-generate valid retail UPC/EAN numbers.',
},
'What is the minimum print size for a scannable barcode?': {
question: 'What is the minimum print size for a scannable barcode?',
@@ -203,7 +201,7 @@ const jsonLd = {
'What is the difference between EAN-13 and UPC-A?': {
question: 'What is the difference between EAN-13 and UPC-A?',
answer:
'EAN-13 (13 digits) is the international retail standard used in Europe, Asia, and globally. UPC-A (12 digits) is the North American retail standard used in the US and Canada. An EAN-13 barcode starting with a 0 is actually a UPC-A code — all UPC-A codes are a subset of EAN-13. Most modern POS scanners read both formats.',
'EAN-13 (13 digits) is the international retail standard used in Europe, Asia, and globally. UPC-A (12 digits) is the North American retail standard used in the US and Canada. An EAN-13 barcode starting with a 0 is actually a UPC-A code - all UPC-A codes are a subset of EAN-13. Most modern POS scanners read both formats.',
},
}),
],
@@ -258,7 +256,7 @@ export default function BarcodeGeneratorPage() {
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-75"></span>
<span className="relative inline-flex rounded-full h-2 w-2 bg-blue-400"></span>
</span>
Free Tool — Professional & Fast
Free Tool - Professional & Fast
</div>
<h1 className="text-4xl md:text-5xl lg:text-6xl font-extrabold text-white tracking-tight leading-tight mb-6">
@@ -399,13 +397,13 @@ export default function BarcodeGeneratorPage() {
Inventory &amp; Logistics
</div>
<div className="text-xs text-slate-500">
Supports letters + numbers — best for internal SKU systems
Supports letters + numbers - best for internal SKU systems
</div>
</div>
</div>
<div className="bg-amber-50 border border-amber-200 rounded-xl p-5">
<h3 className="font-bold text-slate-900 mb-2">
Barcode vs. QR Code — When to Use Which
Barcode vs. QR Code - When to Use Which
</h3>
<div className="grid md:grid-cols-2 gap-4 text-sm text-slate-700">
<div>