José Matheus Rodrigues

Portfólio — José Matheus

Site pessoal em Next.js apresentando minha trajetória, stack e projetos. Trilíngue (português, inglês e espanhol), com tema claro/escuro e animações de entrada.

🔗 matheuz-rodrigues.vercel.app

Recursos

Três idiomas — português, inglês e espanhol, alternados em tempo real por um contexto de linguagem, sem recarregar a página. Os textos ficam centralizados em utils/dictionaries.ts.
Tema claro e escuro — via next-themes, respeitando a preferência do sistema e persistindo a escolha.
Animações — transições e entradas de seção com Framer Motion.
Currículo para download — versões em português e inglês disponíveis direto no site.
Responsivo — layout construído mobile-first com Tailwind CSS.

Estrutura

app/
├── layout.tsx              Layout raiz, metadados e providers
├── page.tsx                Composição das seções
└── globals.css             Estilos base e tokens de tema

components/
├── sections/               hero · about · skills · projects · contact
├── navbar.tsx              Navegação com âncoras
├── footer.tsx
├── theme-provider.tsx      Provider do next-themes
├── theme-toggle.tsx        Alternância claro/escuro
├── language-switcher.tsx   Alternância pt/en/es
└── floating-controls.tsx   Controles fixos de tema e idioma

context/
└── language-context.tsx    Estado global do idioma

utils/
└── dictionaries.ts         Todo o conteúdo textual, nos três idiomas

Stack

Next.js 16 (App Router) · React 19 · TypeScript · Tailwind CSS 4 · Framer Motion · next-themes · lucide-react

Como rodar

npm install
npm run dev

Disponível em http://localhost:3000.

npm run build   # build de produção
npm run lint    # ESLint

Adicionar um projeto

Coloque a imagem de capa em public/.
Adicione uma entrada ao array em components/sections/projects-section.tsx, com key, image, tech, github e demo.
Cadastre título e descrição para os três idiomas em utils/dictionaries.ts, usando a mesma key.

Deploy

Hospedado na Vercel, com deploy automático a cada push na branch principal.