Ter um site pessoal sempre foi algo que eu queria, mas durante muito tempo adiei. Quando finalmente decidi criar, não queria apenas uma página estática com um template genérico. Queria algo que refletisse minha identidade como desenvolvedor — minimalista, performante e multilíngue.
O Projeto
O site é um portfólio pessoal com blog integrado, suporte a Markdown com syntax highlighting e internacionalização para três idiomas: português, inglês e espanhol.
Funcionalidades
As principais funcionalidades implementadas são:
- Internacionalização: suporte a Português (PT), Inglês (EN) e Espanhol (ES) com next-intl;
- Performance: renderização estática com Next.js App Router + Turbopack;
- Blog com MDX: posts com GitHub Flavored Markdown, syntax highlighting e tipografia estilizada;
- Modo escuro/claro: alternância suave com preferência salva no navegador;
- UI limpa: Tailwind CSS v4, Phosphor Icons, fonte Geist.
Tecnologias Utilizadas
Para o desenvolvimento, utilizei:
- Next.js 16: framework React com App Router, responsável pela renderização estática e roteamento;
- TypeScript: linguagem principal do projeto, garantindo tipagem estática;
- Tailwind CSS 4: framework de estilização utilitária;
- next-intl: biblioteca de internacionalização para Next.js;
- MDX + next-mdx-remote + rehype-highlight: stack utilizada para o blog, permitindo escrever posts em Markdown com syntax highlighting;
- Phosphor Icons: família de ícones utilizada no site;
- Geist: fonte do Google Fonts utilizada no projeto.