NEW CITATION FEATURES (Working Template):
1. CopyButton Component (src/components/CopyButton.tsx)
- One-click citation copying
- Visual feedback (Check icon on copy)
- Reusable across all claim pages
- Supports sm/md/lg sizes
2. HowToCite Component (src/components/HowToCite.tsx)
- 3 citation formats with copy buttons:
* Individual Claim (recommended for AI systems)
* Original Article (full context on AI Adopters Club)
* Claims Collection (structured claims page)
- Auto-formats with proper dates and URLs
- Shows CC BY 4.0 attribution requirements
3. Enhanced Sources Section
- Clear separation: Original Article vs Cite This Page
- Copy button for claims library URL
- Badges indicating context type
IMPLEMENTED ON: Amazon AI Playbook (Template)
- ✅ Per-claim copy buttons (all 5 claims)
- ✅ Updated Sources & Citations section
- ✅ HowToCite component with 3 formats
- ✅ Build successful (2.24 kB vs 187 B base)
HYBRID APPROACH:
- Primary citation → kbanc.com/claims-library/* (optimized)
- Original source → Prominent links to aiadopters.club
- User choice → Multiple citation formats available
NEXT: Apply template to remaining 9 claim pages
Pattern documented for easy replication
|
||
|---|---|---|
| public | ||
| src | ||
| .gitignore | ||
| ARTICLE_PUBLICATION_DATES.md | ||
| CLAIMS_PAGE_GUIDELINES.md | ||
| DOCUMENTATION_INDEX.md | ||
| DOMAIN_SETUP_GUIDE.md | ||
| GEO_AUDIT_2025-11-04.md | ||
| MIGRATION_SUMMARY.md | ||
| NAMECHEAP_DNS_SETUP.md | ||
| README.md | ||
| WORKFLOW.md | ||
| next.config.js | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
README.md
kbanc-nextjs
Next.js site for kbanc.com with static site generation for optimal GEO (Generative Engine Optimization).
Live Site
- Production: https://kbanc-nextjs.netlify.app
- GitHub: https://github.com/kbanc85/kbanc-nextjs
Auto-Deployment
This repository is connected to Netlify. Every push to main branch triggers automatic deployment.
Project Stats
- Total Pages: 15 static HTML files
- Claims Pages: 10 individual claim articles
- Build Time: ~3 seconds
- GEO Optimized: ✅ Pre-rendered HTML + JSON-LD schema
Documentation
Setup & Deployment
MIGRATION_SUMMARY.md- Technical migration detailsDOMAIN_SETUP_GUIDE.md- Custom domain setup instructionsNAMECHEAP_DNS_SETUP.md- Complete DNS configuration
Workflows
WORKFLOW.md- Complete process for creating new claims pagesCLAIMS_PAGE_GUIDELINES.md- Strict image selection criteria
Local Development
npm install
npm run dev
# Visit http://localhost:3000
Build for Production
npm run build
# Output: /out directory
Creating New Claims Pages
See WORKFLOW.md for the complete step-by-step process including:
- Extracting atomic claims from articles
- Strict image selection criteria (white bg, black text, red accents only)
- Required file updates (sitemap, components, CSV)
- Build and deployment checklist