OPTION A: Enhanced Discovery with Filters & Grid New Features: - 3-column responsive grid layout (9 articles visible at once) - Topic filters: All, Strategy, Tools, Business, Implementation, ROI - Live search: searches titles, descriptions, and key points - Compact cards with essential info: - Topic tags (colored) - Title and description - 3 key bullet points - Date and "View Claims" link - Dynamic filtering updates count in real-time - Sorted by date (most recent first) Benefits: - See 9x more articles at once (vs 1 before) - Instant filtering by topic (no page reload) - Search across all content - Reduced scrolling - Better visual scanning - Mobile responsive (1→2→3 columns) Keep /all page: - Optimized for LLM scraping (all 55 claims) - Different use case (comprehensive reference) - Link from main page for researchers 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| public | ||
| src | ||
| .gitignore | ||
| ARTICLE_PUBLICATION_DATES.md | ||
| CITATION_SYSTEM_GUIDE.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