- Design responsivo com modo claro/escuro
- Estatísticas e repositórios do GitHub em tempo real
- Feeds RSS e JSON
- SEO otimizado com Open Graph e metadados estruturados
- Performance otimizada com Next.js App Router
| Categoria | Tecnologia |
|---|---|
| Framework | Next.js 15 |
| Linguagem | TypeScript |
| Estilização | CSS / Tailwind |
| Deploy | Vercel |
| API | GitHub REST API |
| Ícones | React Icons |
# Clone o repositório
git clone https://github.com/eugaelgomes/nextjs-portfolio.git
# Entre na pasta do projeto
cd nextjs-portfolio
# Instale as dependências
npm install
# Rode o servidor de desenvolvimento
npm run devAbra http://localhost:3000 no navegador.
├── app/
│ ├── page.tsx # Página principal
│ ├── layout.tsx # Layout global e metadados
│ ├── projetos.tsx # Dados dos projetos
│ ├── globals.css # Estilos globais
│ ├── robots.ts # Configuração de robots.txt
│ ├── sitemap.ts # Sitemap dinâmico
│ ├── feed.json/ # JSON Feed
│ ├── rss.xml/ # RSS Feed
│ └── modals/ # Componentes modais
├── components/ # Componentes reutilizáveis
├── public/ # Arquivos estáticos e imagens
└── next.config.ts # Configurações do Next.js
Quer usar este código como base? Siga estes passos:
- Informações pessoais — Substitua todas as ocorrências de
"gael","eugaelgomes"e"gaelgomes.dev"pelas suas informações (useCtrl+Shift+Hpara buscar e substituir em todo o projeto) - Conteúdo — Edite
app/page.tsxeapp/projetos.tsxcom seus dados, projetos e formação - Imagens — Substitua os arquivos em
/public(foto de perfil, favicons, etc.) - Metadados — Atualize título, descrição e links em
app/layout.tsx - Configuração — Ajuste domínio e nome do app em
next.config.ts
Contribuições, issues e sugestões são bem-vindas! Sinta-se à vontade para abrir uma issue ou enviar um pull request.
© 2024–2026 Gael Gomes. Todos os direitos reservados.
Este projeto está licenciado sob a MIT License.<br/>
O código-fonte pode ser reutilizado com atribuição ao autor original.
Feito com ☕ e 💜 por Gael Gomes