🇺🇸 English | 🇫🇷 Français | 🇪🇸 Español | 🇪🇹 አማርኛ | 🇨🇳 中文
A modern, SEO-optimized QR code generator built with Next.js, TypeScript, and Tailwind CSS. Generate QR codes instantly from any text with advanced publishing options and comprehensive SEO features.
🔗 Paste to QR Code Generator - Quickly paste text and get QR code instantly
🔗 Générateur de Code QR - Collez du texte et obtenez un code QR instantanément
🔗 Generador de Código QR - Pega texto y obtén código QR al instante
🔗 二维码生成器 - 快速粘贴文本生成二维码
🔗 QR ኮድ ጀነሬተር - ጽሑፍ ያስገቡ እና QR ኮድ ያግኙ
"QR codes have become an integral part of marketing campaigns, allowing brands to easily connect offline and online worlds."
— Marketing Professional on r/marketing
"Today QR codes are used everywhere: from restaurant menus to event tickets, simplifying access to information and services."
— Tech Enthusiast on r/technology
"Artists and designers integrate QR codes into their work, creating interactive artworks that come alive when scanned."
— Digital Artist on r/art
"Educational institutions implement QR codes to provide students with quick access to learning materials and schedules."
— Educator on r/education
- Instant QR Generation - Generate QR codes from any text in seconds
- Prefix Support - Add custom prefixes (https://, tel:, mailto:, etc.)
- Publishing System - Create shareable pages for your QR codes
- Mobile-First Design - Optimized for all devices
- PWA Support - Install as a native app
- Multiple SEO Pages - Dedicated pages for different QR code types
- MDX Content System - Dynamic content management
- Semantic HTML - Proper heading structure and accessibility
- Meta Tags - Comprehensive SEO metadata
- Sitemap & Robots.txt - Search engine optimization
- Next.js 14 - Latest React framework with App Router
- TypeScript - Full type safety
- Tailwind CSS - Utility-first styling
- Server-Side Rendering - Fast initial page loads
- Universal Page System - Configurable page templates
- Home - Main QR code generator
- WiFi QR Code Generator - Share WiFi passwords instantly
- Phone Number QR Code - Call contacts with one scan
- Email QR Code Generator - Send emails instantly
- SMS QR Code Maker - Pre-filled text messages
- Contact Info QR Code - Professional contact sharing
- Node.js 18+
- npm or yarn
npm installnpm run dev# Unit tests
npm test
# Accessibility tests
npm run test:accessibility
# Performance tests
npm run test:performancenpm run build
npm startAll pages use a single UniversalPage component that renders based on configuration:
interface PageConfig {
title: string;
description: string;
keywords: string;
heroTitle: string;
heroSubtitle: string;
heroButtonText: string;
heroGradient: string;
}- MDX Files - SEO content in
src/content/ - JSON Storage - Published QR codes in abstract storage
- Dynamic Routing -
[slug]/page.tsxfor MDX content - Config Loader - Universal content loading system
/
├── / (home)
├── /wifi-qr-code-generator/
├── /phone-number-qr-code/
├── /email-qr-code-generator/
├── /sms-qr-code-maker/
├── /contact-info-qr-code/
└── /p/:alias (published QR codes)
- Semantic HTML5 - Proper document structure
- Meta Tags - Title, description, keywords, Open Graph
- Structured Data - Rich snippets support
- Sitemap.xml - Automatic sitemap generation
- Robots.txt - Search engine directives
- Long-form Content - Comprehensive guides for each QR type
- Keyword Optimization - Targeted keywords for each page
- Internal Linking - Strategic page connections
- Mobile Optimization - Responsive design
- Page Speed - Optimized performance
- WCAG 2.1 AA - Full accessibility compliance
- Screen Reader Support - Proper ARIA labels
- Keyboard Navigation - Full keyboard accessibility
- Color Contrast - High contrast ratios
- Focus Management - Clear focus indicators
- Performance - 90+ (target)
- Accessibility - 100 (achieved)
- Best Practices - 90+ (target)
- SEO - 90+ (target)
- Code Splitting - Automatic bundle optimization
- Image Optimization - Next.js image optimization
- Font Optimization - Google Fonts optimization
- CSS Optimization - Tailwind CSS purging
- JavaScript Optimization - Tree shaking and minification
- Connect your GitHub repository
- Set build command:
npm run build - Set publish directory:
.next - Deploy automatically on push
SITE_ID=default
SITE_TITLE_EN=QR Code Generator - Create QR Codes Instantly
SITE_DESCRIPTION_EN=Generate QR codes instantly from any text...
NEXT_PUBLIC_SITE_URL=https://your-domain.com- QR Generation - Track generation events
- Publishing - Monitor published QR codes
- User Interactions - Button clicks and form submissions
- Error Tracking - Monitor and log errors
- Google Analytics - Easy integration
- Mixpanel - Event tracking
- Custom Analytics - Flexible tracking system
- Create MDX file in
src/content/ - Add configuration to
src/configs/pages.ts - Page automatically available at
/[slug]/
- Tailwind CSS - Utility-first styling
- Custom Components - Reusable UI components
- Responsive Design - Mobile-first approach
- Dark Mode - Ready for implementation
- MDX Frontmatter - Page configuration
- Dynamic Content - Server-side rendering
- SEO Optimization - Automatic meta tag generation
MIT License - see LICENSE file for details
- Fork the repository
- Create a feature branch
- Make your changes
- Add tests
- Submit a pull request
For support and questions:
- Create an issue on GitHub
- Check the documentation
- Review the code examples
🔗 Paste2QR.com - Paste text, get QR code instantly - no registration required
Built with ❤️ using Next.js, TypeScript, and Tailwind CSS