prefetch-suggester

# Prefetch Suggester Users hate waiting for pages to load. This tool analyzes your routes and suggests what to prefetch for instant navigation. **One command. Zero config. Just works.** ## Quick Start ```bash npx ai-prefetch ./src/pages/ ``` ## What It Does - Analyzes your page routes and navigation patterns - Identifies high-probability next pages - Suggests data to prefetch - Provides implementation code ## Usage Examples ```bash # Analyze pages directory npx ai-prefetch ./src/pages/ # Analyze app routes npx ai-prefetch ./app/routes/ ``` ## Best Practices - **Prefetch on hover** - intent signal before click - **Don't prefetch everything** - wastes bandwidth - **Prioritize common paths** - checkout flow, navigation - **Use intersection observer** - prefetch when in view ## When to Use This - Navigation feels slow - Optimizing user flow paths - Adding prefetching to existing app - Learning prefetch patterns ## Part of the LXGIC Dev Toolkit This is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work. **Find more:** - GitHub: https://github.com/LXGIC-Studios - Twitter: https://x.com/lxgicstudios - Substack: https://lxgicstudios.substack.com - Website: https://lxgicstudios.com ## Requirements No install needed. Just run with npx. Node.js 18+ recommended. Needs OPENAI_API_KEY environment variable. ```bash npx ai-prefetch --help ``` ## How It Works Analyzes your route structure and link patterns to understand likely navigation paths. Then suggests which pages and data to prefetch based on probability and importance. ## License MIT. Free forever. Use it however you want.