# Raf Vantongerloo - Portfolio Website

> Indie maker and SEO consultant from Belgium. SaaS SEO, React/TypeScript development, business automation, and writing on agentic AI.

## Full Context
For a comprehensive long-form version of this file with full site context, see [llms-full.txt](https://rafvantongerloo.com/llms-full.txt).

## About
This is the personal portfolio website of Raf Vantongerloo, an indie maker specializing in SEO consulting, React development, and business automations. Based in Belgium, providing services globally.

## Pages
- [Home](/): Bio, hero intro, and a curated grid of 9 featured SaaS/indie projects (shitfa.st, Chrome Goldmine, Linkto, Trimless for Gmail, Chat-Control.eu, Christpilled, Towards Agentic AI, COREPER.eu, IndieFast) with links to each.
- [Writing](/writing): Reverse-chronological list of long-form articles (2025–2026) on SEO, AEO, agentic AI, Chrome extensions, indie making, online privacy, and VPN technology, with links to Medium, Substack, and external publications.
- [SaaS SEO](/saas-seo): Hand-picked SEO stack for SaaS founders — keyword research, backlink building, technical audits, rank tracking, and analytics tools, with promo codes where available.
- [SEO Consulting](/seo-consulting): Service page for 1:1 SEO consulting aimed at SaaS and startup founders — technical audits, keyword strategy, content planning, and organic growth roadmaps; includes pricing context and contact CTA.
- [React Development](/react-development): Service page for React, TypeScript, and Next.js development — building SaaS products, marketing sites, and scalable frontends; includes scope, process, and contact CTA.
- [Journey](/journey): Annotated timeline of Raf's career from civil engineering student through corporate roles to full-time indie maker, with milestones, lessons learned, and product launches.
- [Tech Stack](/tech-stack): Categorized list of the languages, frameworks, libraries, IDEs, and SaaS tools (React, TypeScript, Tailwind, Supabase, Lovable, etc.) Raf uses to ship products.
- [Tools](/tools): Curated SaaS productivity stack covering AI agents, email marketing, image generation, voice dictation, automation, and analytics, with affiliate/promo links.


## Website Structure
- **Home (/)**: Main landing page with introduction and overview of services, projects, and writing. Featured projects (in display order): shitfa.st, Chrome Goldmine, Linkto, Trimless for Gmail, Chat-Control.eu, Christpilled, Towards Agentic AI, COREPER.eu, IndieFast
- **Writing (/writing)**: Blog posts and articles about SEO, automation, privacy, VPNs, and tech
- **SaaS SEO (/saas-seo)**: Curated resources and tools for SaaS SEO optimization
- **SEO Consulting (/seo-consulting)**: Professional SEO consulting services for SaaS & startups
- **React Development (/react-development)**: Expert React & TypeScript development services
- **Journey (/journey)**: Personal and professional journey timeline
- **Tech Stack (/tech-stack)**: Technologies and tools used for development
- **Tools (/tools)**: Collection of useful AI tools and resources


## Recent Articles (August 2025–June 2026, updated June 1)
- "Europe Has 69 Expense Trackers and 3 AI Chatbots. This Is Fine." - Jun 1, 2026 (Stackademic)
- "Chrome Extension Ideas That Make Money: 41 Profitable Niches I'd Build in 2026" - Apr 7, 2026 (Medium)
- "How I Found 9,650 Expired Chrome Extensions — A Goldmine of Manifest V3 Opportunities" - Feb 22, 2026 (Stackademic)
- "The Unfair Advantage: Why Chrome Extensions Are the Ultimate Micro-SaaS for Indie Makers" - Feb 18, 2026 (CodeToDeploy)
- "Running Private AI Locally: Ollama, LM Studio, AnythingLLM (2026 Guide)" - Jan 29, 2026 (StartupInsider)
- "Vibe Coding Tools 2026: The Complete Guide to AI-Powered Development" - Jan 11, 2026 (Towards Agentic AI)
- "Five-Seven-Five Lines That Explain Indie Maker Life Perfectly" - Jan 8, 2026 (Towards Agentic AI)
- "The Holy Trinity of AI Coding: Lovable, Replit, MindStudio" - Dec 5, 2025
- "How MindStudio's Free Tier Killed My SaaS Builder's Perfectionism" - Nov 25, 2025
- "From $9 to $299/Month: The Complete Social Media Scheduler Breakdown" - Nov 10, 2025
- "The X Gold Rush Nobody's Talking About: Link Preloading for Affiliate" - Nov 8, 2025
- "I Built a $500/Month Directory in 48 Hours — Here's How" - Oct 31, 2025
- "The Link is Dead, Long Live the Mention: Brand Citations Are the New Backlinks" - Oct 22, 2025
- "Your Face Is Now Your Prison: Inside the Global Surveillance State" - Oct 19, 2025
- "How VPNs Work: A Complete Technical Guide to Online Privacy" - Oct 11, 2025 (Stackademic)
- "9 Messaging Apps Ranked by Privacy: Chat Control Survival Guide" - Oct 9, 2025
- "My Best Friend's Intimate Photos Were Just Reviewed By EU Government Workers" - Oct 3, 2025 (Predict)
- "How I Saved 35 Hours Per Week Using AI Agents" - Sep 27, 2025
- "The New Search Revolution: How AEO Changes Everything" - Sep 21, 2025
- "The 8 Characters That Broke the SEO Industry Overnight" - Sep 20, 2025
- "Replit Agent 3: The Night I Let Replit's AI Agent Build My App While I Slept" - Sep 19, 2025
- "AI Agents Took Over 75% of My Team's Work. Here's the Surprising Upside" - Sep 16, 2025
- "Why Smart AI Agents Are About to Change Everything" - Sep 9, 2025
- "The SEO Apocalypse is Here: How AI Search Just Killed 50% of Traditional Google Traffic" - Aug 31, 2025
- "Apple, LLMs and The Illusion of Thinking" - Aug 20, 2025
- "How a 17-Year-Old Turned Free Automation Tools Into $3,217" - Aug 15, 2025
- "Get Monetized on X (Twitter) with Postel" - Aug 12, 2025
- "The Ultimate SaaS Analytics Showdown: Why Datafa.st Dominates" - Aug 8, 2025
- "n8n vs Make: The Ultimate 2025 Comparison for Workflow Automation" - Aug 5, 2025

## Services Offered
### SEO Consulting
- Technical SEO audits
- Keyword strategy development
- Growth strategy planning
- SaaS-focused SEO expertise
- Performance tracking and reporting
- Content optimization for AI search engines
- Privacy-focused SEO strategies

### React Development
- Modern web application development
- SaaS product development
- TypeScript and Next.js expertise
- Performance optimization
- UI/UX implementation using shadcn-ui
- Full-stack development with Supabase

## Owner Information
- **Name**: Raf Vantongerloo
- **Role**: Indie maker, SEO Consultant, React Developer
- **Location**: Belgium (serving clients globally)
- **Focus**: SEO consulting, React development, business automations, privacy advocacy
- **Profile Image**: Available at /lovable-uploads/55b955d8-07ef-46d3-9b84-f5107847021e.png
- **Twitter/Social Card**: /opengraph.jpg - Social preview image for Raf Vantongerloo portfolio

## Online Presence
- **X (Twitter)**: https://x.com/RafVantongerloo
- **Indiepa.ge**: https://indiepa.ge/r4fken
- **Medium**: https://medium.com/@raf.vantongerloo
- **LinkedIn**: https://www.linkedin.com/in/rafvantongerloo/
- **ProductHunt**: https://www.producthunt.com/@rafvantongerloo
- **Peerlist**: https://peerlist.io/r4fken
- **GitHub**: https://github.com/R4FKEN
- **Gumroad**: https://r4fken.gumroad.com
- **OpenSea**: https://opensea.io/R4FKEN/
- **Pepe.wtf**: https://pepe.wtf/artists/RafVantongerloo
- **YouTube**: https://www.youtube.com/@Xochicotta/playlists
- **Instagram**: https://www.instagram.com/christpilleddotcom
- **SoundCloud**: https://soundcloud.com/RafV
- **Reddit**: https://www.reddit.com/user/R4FKEN/
- **Printables**: https://www.printables.com/@R4FKEN

## Technical Stack
- **Frontend**: React 18.3.1 with TypeScript
- **Build Tool**: Vite
- **Styling**: Tailwind CSS with custom design system
- **UI Components**: shadcn-ui components with custom variants
- **Routing**: React Router DOM
- **State Management**: TanStack Query
- **Icons**: Lucide React
- **SEO**: Comprehensive meta tags, JSON-LD schemas, sitemaps
- **Analytics**: Umami Analytics, Google Analytics 4 (G-WYNXWT26FJ), Microsoft Clarity, Ahrefs Analytics
- **Package Manager**: Bun for improved performance

## Homepage Affiliate Badges
The homepage (/) displays two "Official Affiliate" badges in the hero/intro area, positioned side-by-side as small clickable image badges. Each badge is wrapped in an external link (target="_blank", rel="nofollow noopener noreferrer") and reveals a hover-card with a short product description on mouse-over (tap on mobile).

1. **revid.ai badge** (`revid-affiliate-badge.png`)
   - Alt text: "revid.ai Official Affiliate"
   - Destination: https://www.revid.ai/?via=COUPONCODE (affiliate-tagged)
   - Hover description: "Turn your creative ideas into attention-grabbing TikTok, Instagram, and YouTube stories with just a few clicks. All you need is a story to tell - revid.ai handles the rest. Try now for free!"
   - Category: AI short-form video generation for TikTok, Instagram Reels, YouTube Shorts

2. **outrank.so badge** (`outrank-affiliate-badge.png`)
   - Alt text: "outrank.so Official Affiliate"
   - Destination: https://outrank.so/?via=linkto (affiliate-tagged)
   - Hover description: "Grow Organic Traffic on Auto-Pilot: get recommended by ChatGPT & Rank on Google. Get done-for-you Blog Posts, Backlinks and Free Tools while you sleep. Try now for free!"
   - Category: AI-powered SEO content automation, AEO/GEO optimization, automated blog posts and backlinks

Both badges are tracked via Umami analytics (events "Badge: Revid Affiliate" and "Badge: Outrank Affiliate") and represent endorsed partner tools, not paid advertisements.

## Featured AI Tools (Updated May '26)

1. **Lovable** - AI-powered web app builder
2. **Dynamiq** - Agentic AI orchestration platform
3. **ElevenLabs** - Advanced text-to-speech and voice cloning
4. **GetImg.ai** - AI image generation and editing (DealCard with discount link)
5. **MindStudio** - No-code AI application builder
6. **Relevance AI** - AI automation and workflow platform
7. **Replit** - Collaborative AI-assisted coding environment
8. **Synthesia** - AI video creation platform
9. **Wispr Flow** - Voice-to-text productivity tool (DealCard with discount link)
10. **Warp** - AI-enhanced terminal for developers
11. **ZeroBounce** - 99.6% accurate real-time email validation and deliverability tools
12. **Chrome Goldmine** - Interactive database of 9,650+ expired Chrome extensions with proven demand and revenue potential

## Features
- Responsive design optimized for mobile and desktop
- Dark/light mode support through design system
- Collapsible sidebar navigation with icon-only mode
- External link indicators and proper link relationships
- Modern component architecture with TypeScript
- SEO optimized with structured data and comprehensive sitemaps
- Internal linking strategy for improved navigation
- Progressive Web App capabilities
- Privacy-focused content and resources

## Design System
- Custom HSL color variables defined in index.css
- Semantic design tokens for consistent theming
- Tailwind configuration with custom color palette
- Accessible component variants and proper contrast ratios
- Animation and transition system
- Fire border effects and custom gradients

## Content Areas
- Personal branding and professional identity
- Technical expertise showcase (React, TypeScript, Next.js, TailwindCSS)
- SEO consulting services and methodology
- Writing and thought leadership on SEO, automation, privacy, and AI
- Professional journey documentation
- Tool recommendations and curated AI resources
- Social media integration and external presence
- Privacy advocacy and security guides

## SEO Implementation
- Comprehensive meta tags and Open Graph optimization
- JSON-LD structured data for Person, Organization, and ProfilePage
- Breadcrumb navigation with schema markup
- FAQ schemas on Tools, Tech Stack, and SaaS SEO pages (added Jan 8, 2026)
- Software Application schemas for tools
- Multi-format sitemaps (pages, images)
- Robots.txt optimization
- Internal linking strategy for improved crawlability
- Core Web Vitals optimization
- AI search engine optimization
- Breadcrumb schemas on all pages (updated Feb 14, 2026)
- Person JSON-LD schema deployed on all pages (updated Mar 7, 2026)
- Site-wide HTTPS enforcement via 301 redirects (added Mar 5, 2026)
- Umami event tracking on all links via data-umami-event attributes (added Mar 9, 2026)
- GA4 global event tracking: outbound_click, button_click, scroll_depth (25/50/75/90%) with traffic_source attribution (added Apr 27, 2026)
- Production source maps enabled for improved debuggability and Lighthouse audits (added Apr 27, 2026)
- Homepage updated with revid.ai and outrank.so official affiliate badges and hover-card descriptions (Apr 30, 2026)
- Homepage projects pruned: removed LevelFast, BMAD.MD, Barstack.app cards (backed up in src/pages/_backup/RemovedProjectCards.tsx); swapped ThemeFast and COREPER.eu positions and synced JSON-LD ItemList order (May 2, 2026)
- Performance optimizations: font preloads (Source Sans Pro woff2), modulepreload for Vite entry, reduced preconnect to render-critical origins (fonts) with dns-prefetch for analytics; route chunk prefetching on hover, focus, and touchstart in sidebar nav, plus idle-time prefetch of all routes (May 3, 2026)
- Removed Carrd references and affiliate link site-wide (Tools page card, FAQ, Tech Stack card, icon component, affiliate config) (May 9, 2026)
- Fixed duplicate meta tags on published pages by tagging static index.html social/SEO tags with data-rh="true" so react-helmet-async adopts and replaces them on hydration instead of appending duplicates (May 9, 2026)
- Homepage project card order updated: shitfa.st and Chrome Goldmine moved to top positions; Linkto description updated to 970+ users; Journey page updated with Chrome Goldmine and shitfa.st launch text (May 29, 2026)
- Homepage social-proof line gained a "Featured on Uneed" entry (logo + bold "Uneed" linking to the Uneed affiliate URL); sidebar Uneed link now resolves via the centralized AFFILIATE_LINKS.uneed config (May 30, 2026)
- Homepage "Built with IndieFast" banner div made fully clickable (cursor-pointer, opens https://indiefa.st/ with portfolio UTM tags in a new tab) without altering its visual design (Jun 6, 2026)
- Mobile navigation discoverability fix: added a thumb-friendly bottom-right floating action button (56x56 rounded, bg-primary) that morphs between Menu and X icons when toggling the drawer, with a one-time bounce hint via sessionStorage and Umami tracking ("Nav: Mobile Menu Open/Close"); drawer header gained a dedicated X close button on mobile, and the default swipe indicator (chevron + gray bar) was removed from the sheet for a cleaner look (Jun 6, 2026)
- Removed Online Privacy Tools page and all references (sidebar nav, routes, sitemap, prerender list); added client-side redirects from /online-privacy and /online-privacy-tools to /tools so old inbound links resolve to the Tools page (Jun 16, 2026)

## Target Audience
- SaaS companies looking for SEO expertise
- Startups needing React development services
- Businesses seeking automation solutions
- Privacy-conscious individuals and organizations
- Fellow indie makers and entrepreneurs
- Technical community members
- Content consumers interested in SEO, automation, and privacy
- Potential clients in Belgium and internationally
- AI tool enthusiasts and early adopters

## Recent Performance Indicators
- Organic traffic increases averaging +150%
- Keyword rankings improvements (+300% in top 10)
- Lead generation increases (+85% average)
- Typical results timeline: 3-6 months
- Strong focus on privacy-first solutions

## Contact & Services
For SEO consulting, React development, or business automation inquiries, reach out through the website or any social media platform listed above.