Portfólio pessoal · Next.js

arthuramorim.com

Este mesmo site — o que você está usando agora para ler isso. Um portfólio pessoal com tema escuro, seções em tela cheia com scroll-snap e uma seção de projetos com páginas próprias, carrossel de imagens e navegação entre projetos.

Next.js 16 (App Router)TypeScriptCSS puroVercel

Ver código no GitHub

Por dentro do site

A home e a própria seção de projetos que trouxe você até aqui.

Tela inicial do arthuramorim.com, com hero em tema escuro e foto do Arthur Amorim

Home — seções em tela cheia com scroll-snap1 / 2

Seção de projetos do arthuramorim.com, com os cards de cada projeto em destaque

Esta mesma seção de projetos que você está vendo agora2 / 2

Detalhes de implementação

Scroll-snap por seçãoHome, Sobre, Competências e Projetos ocupam a tela toda, com navegação por dots lateral e setas.
Reveal-on-scrollCards e títulos aparecem suavemente conforme entram na tela, via IntersectionObserver.
Rotas de verdade por projetoCada projeto é uma rota própria (/projetos/<slug>), não uma âncora ou arquivo .html solto.
Carrossel próprioSem biblioteca externa — scroll-snap horizontal nativo, com dots, setas e navegação por teclado.
SPA-safeA navegação entre páginas é client-side (Next.js Link), mas o reveal-on-scroll e o menu continuam funcionando normalmente entre uma página e outra.

Stack técnica

Next.js 16 com App Router e TypeScript, sem framework de CSS — todo o visual é CSS puro em globals.css, com um pequeno conjunto de componentes client (Carousel, ScrollEffects) para a parte interativa. Deploy contínuo na Vercel, direto do GitHub.