How Filippi prepared their website for AI search

# Filippi Araujo

> Personal knowledge management system and digital garden built with React, TypeScript, and Vite. A content-first architecture where markdown files are automatically processed into a searchable, interconnected knowledge base focused on AI, development, and building in public.

This is a bilingual (PT/EN) platform showcasing technical notes, writing, projects, and curated resources. The system uses automatic content processing, hierarchical categorization, bidirectional linking, and intelligent search.

**Key Technologies:** React 18, TypeScript, Vite, React Router, Tailwind CSS, gray-matter for frontmatter parsing.

**Content Types:**
- **Notes** (`/knowledge`): Technical knowledge and learning notes organized hierarchically (11 items)
- **Writing** (`/writing`): Articles, essays, and reflections on AI, development, and growth (7 items)
- **Projects** (`/projects`): Active projects and experiments being built in public (5 items)
- **Resources** (`/resources`): Curated links, tools, and references (19 items)

## Architecture

- [Project Architecture](https://www.filippiaraujo.com/architecture.md): Complete overview of the content-driven architecture, build system, and development workflow
- [Content Processing](https://www.filippiaraujo.com/content-system.md): How markdown files are automatically processed into TypeScript data structures
- [Build Commands](https://www.filippiaraujo.com/build-commands.md): Available npm scripts and development workflow
- [Component Structure](https://www.filippiaraujo.com/components.md): React component architecture and patterns

## Featured Knowledge Notes

- [Prompt Engineering Fundamentals](https://www.filippiaraujo.com/knowledge/ai/prompt-engineering.md): Technical notes on Prompt Engineering Fundamentals
- [Docker Compose Production Patterns](https://www.filippiaraujo.com/knowledge/docker/compose-patterns.md): Technical notes on Docker Compose Production Patterns
- [React Performance Optimization](https://www.filippiaraujo.com/knowledge/rag/performance-optimization.md): Technical notes on React Performance Optimization
- [React Performance Optimization](https://www.filippiaraujo.com/knowledge/react/performance-optimization.md): Technical notes on React Performance Optimization
- [Teste de Nota](https://www.filippiaraujo.com/knowledge/ai/mcp/teste-de-nota.md): Technical notes on Teste de Nota

## Featured Writing

- [O futuro do desenvolvimento com IA](https://www.filippiaraujo.com/writing/future-of-coding-ai.md): O futuro do desenvolvimento com IA
- [30 dias testando Claude Code](https://www.filippiaraujo.com/writing/30-days-claude-code.md): 30 dias testando Claude Code
- [Building in Public: 6 meses de aprendizados](https://www.filippiaraujo.com/writing/building-in-public-lessons.md): Building in Public: 6 meses de aprendizados
- [Teste Automático llms.txt](https://www.filippiaraujo.com/writing/test-automatic-llms.md): Testando se o llms.txt atualiza automaticamente com novo conteúdo
- [Meu Artigo](https://www.filippiaraujo.com/writing/growth-meu-artigo.md): Meu Artigo

## Featured Projects

- [Personal Knowledge System](https://www.filippiaraujo.com/projects/knowledge-app.md): Building Personal Knowledge System
- [AI Workflow Automation Suite](https://www.filippiaraujo.com/projects/ai-workflow-automation.md): Building AI Workflow Automation Suite
- [AI d Automation Suite](https://www.filippiaraujo.com/projects/oi.md): Building AI d Automation Suite
- [Docker Deployment Pipeline](https://www.filippiaraujo.com/projects/docker-deployment.md): Building Docker Deployment Pipeline
- [Testee](https://www.filippiaraujo.com/projects/teste.md): Building Testee

## Complete Content APIs

- [All Knowledge Notes](https://www.filippiaraujo.com/api/knowledge.json): JSON export of all 11 technical notes
- [All Writing Articles](https://www.filippiaraujo.com/api/writing.json): JSON export of all 7 articles
- [All Projects](https://www.filippiaraujo.com/api/projects.json): JSON export of all 5 projects
- [All Resources](https://www.filippiaraujo.com/api/resources.json): JSON export of all 19 curated links
- [Content Connection Graph](https://www.filippiaraujo.com/api/graph.json): Complete bidirectional linking graph

## Optional

- [SEO Documentation](https://www.filippiaraujo.com/SEO_DOCUMENTATION.md): Sitemap generation, meta tags, and search optimization
- [Internationalization](https://www.filippiaraujo.com/I18N_ARCHITECTURE.md): Bilingual content system and language switching
- [CLAUDE.md](https://www.filippiaraujo.com/CLAUDE.md): Project instructions and guidelines for AI assistance