Added a prominent stats bar at the top of the homepage displaying real-time calculated metrics from the claims library data. Features: - Calculates all stats at build time from actual data - Shows: articles count, total claims, avg tokens, optimal percentage - Displays validation status and last update time - Fully responsive with progressive disclosure - Updates automatically on every build Stats displayed: - 24 articles (total article count) - 120 claims (total atomic claims) - ~15 avg tokens (calculated average across all claims) - 95% optimal length (% of claims in 14-16 token range) - ✓ Validated (build validation status) - Updated X days/weeks ago (time since latest article) Implementation: - src/lib/stats.ts: Utility functions for calculating all metrics - src/components/StatsBar.tsx: Responsive stats bar component - Positioned at very top of page for immediate visibility - Subtle styling (muted background, small text) - Monospace font for token counts (precision signal) Responsive behavior: - Mobile: Core stats (articles, claims, tokens) - Tablet (sm): Adds separators - Desktop (md): Shows optimal percentage - Large (lg): Full stats with validation and timestamps Demonstrates expertise through: ✓ Systematic measurement (tracks everything) ✓ Quality metrics (validation, optimal percentage) ✓ Freshness signals (last updated) ✓ Precision (exact token counts) ✓ Zero backend needed (pure calculation) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .github/workflows | ||
| public | ||
| scripts | ||
| src | ||
| .gitignore | ||
| ADDING_NEW_CLAIMS.md | ||
| ARTICLE_PUBLICATION_DATES.md | ||
| AUTO_ARTICLE_SETUP.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 | ||
| VALIDATION_SYSTEM.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: ~30 static HTML files
- Claims Pages: 26 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