Portfólio Profissional

Visão geral

Meu portfólio profissional foi desenvolvido com Next.js, React e TypeScript para centralizar minha trajetória, projetos técnicos e produção de conteúdo em uma única aplicação. Com o tempo, o projeto evoluiu de uma apresentação profissional para uma plataforma própria de conteúdo vinculada ao MarllonCode. Hoje, reúne experiências, projetos, blog em MDX, páginas dinâmicas, artigos, materiais autorais e uma área dedicada à publicação e distribuição de e-books, incluindo o 'Programação na Era da IA'. A aplicação também incorpora funcionalidades Full Stack, integrações com API e persistência de dados, além de SEO técnico, testes automatizados, acessibilidade, responsividade e deploy contínuo.

Problema

Centralizar minha presença profissional e minha produção técnica em uma plataforma própria, evitando depender de diferentes serviços externos para apresentar projetos, publicar artigos e distribuir materiais autorais.

Solução

Construção de uma aplicação modular com Next.js App Router, React e TypeScript, utilizando componentes reutilizáveis, conteúdo em MDX, rotas dinâmicas, APIs e integração com banco de dados. A arquitetura separa dados, conteúdo e apresentação, permitindo que o projeto evolua de um portfólio tradicional para uma plataforma pessoal de conteúdo, distribuição e experimentação técnica.

Principais entregas

• Next.js App Router
• Arquitetura modular e componentizada
• Separação entre dados, conteúdo e apresentação
• Páginas individuais para projetos
• Blog integrado utilizando MDX
• Rotas dinâmicas para artigos e conteúdos
• Página dedicada ao e-book Programação na Era da IA
• Infraestrutura de conteúdo para o MarllonCode
• Publicação e distribuição de materiais autorais
• Integração com Supabase
• Persistência de dados
• Integração com REST API
• SEO técnico utilizando Metadata API
• URLs preparadas para compartilhamento em redes sociais
• Design responsivo
• Acessibilidade
• Otimização de performance
• Animações e microinterações com Framer Motion
• Testes automatizados com Vitest
• Testes de componentes com React Testing Library
• Coverage com V8
• Deploy contínuo com Netlify

Tecnologias utilizadas