AIYard.net
A high-performance, SEO-optimized AI tool directory featuring semantic vector search, automated web scraping content generation, dynamic OG image rendering, and automated Stripe monetization tiers.
AIYard.net - High-Performance AI Tool Directory Platform
Project Overview
AIYard is an enterprise-grade, highly scalable AI tool directory platform modeled after leading directory indices. Designed to handle over 20,000+ entries without performance degradation, the platform delivers instant, fuzzy-matched faceted filtering, semantic vector search, and a automated content pipeline.
The application utilizes advanced rendering architectures to achieve near-perfect Lighthouse SEO scores and core web vitals while backing a comprehensive multi-tier monetization framework for sponsored tool listings.
Key Features
⚡ Instant Search & Timeline Navigation
- Faceted Global Search: Instant, multi-attribute filtering by pricing tier (Free, Freemium, Paid), category, and registration date without full-page reloads.
- Infinite Scroll & Virtualized Lists: Implements windowed pagination rendering to sustain responsive UI interactions even under massive data growth.
- Clean Semantic Routing: SEO-optimized structural path routing (
/tools/[slug]) mapping to programmatically indexed data trees.
🧠 Advanced AI & Automation Pipeline
- Semantic "Search by Intent": Powered by PostgreSQL with
pgvectorenabling conceptual natural language analysis (e.g., "Find tools that help me write code"). - Automated Scraping & Synthesis: Headless scraper microservice that extracts text from submitted landing pages and pipes it to the OpenAI API (GPT-4o) to auto-generate summaries, tags, and structured data reviews.
- Automated Visual Asset Gen: Background workers integrate with headless screenshot services to capture, capture, optimize, and store high-fidelity landing page preview assets.
💰 Automated Monetization Layer
- Stripe Commercial Flows: Self-service checkout automation for premium "Featured Tool" rows.
- Automatic Expiration Logic: CRON engine automated task pipelines that dynamically calculate ad shelf-life, automatically reverting banners back to standard index positions after a 30-day term.
🛠️ Moderation & Administrative Systems
- Bulk Import Engines: CSV/JSON data parsers constructed to map massive tool sets smoothly into active relational schemas.
- Content Operations UI: Tailored moderation queues providing granular options to inspect, edit, accept, or reject user-submitted listings.
- Integrated Analytics: Lightweight telemetry trackers tracing aggregate CTRs and impression stats directly on target assets.
Technical Stack
Frontend: Next.js 15+ (App Router), React, TypeScript, Tailwind CSS, shadcn/ui, TanStack Query, Radix UI
Backend & Database: PostgreSQL (pgvector), Supabase / Prisma ORM, NextAuth.js / Clerk, OpenAI API, ScreenshotOne API
DevOps & Optimization: Vercel Infrastructure, Incremental Static Regeneration (ISR), Vercel CRON Jobs, GitHub Actions CI/CD, @vercel/og Dynamic Card Generation
Business Impact
- ✅ Core Web Vitals Elite Performance: Guaranteed sub-2.5s Largest Contentful Paint (LCP) leveraging Next.js ISR compilation.
- ✅ Automated Operations: Data input workflow reduced by 90% via scraping automation, auto-tagging, and background visual assets capture.
- ✅ Flawless Technical SEO: Fully programmatic JSON-LD schema structures providing high-visibility Google Rich Snippets alongside automated dynamic sitemap compilation.
- ✅ Seamless Scaling: Optimized layout paint cycles utilizing fully lazy-loaded WebP responsive assets, preventing layout shifts entirely.