An open API service indexing awesome lists of open source software.

https://github.com/eugaelgomes/nextjs-portfolio

Template de portfólio que consome API Github para mapeamento de perfil e projetos/repositórios.
https://github.com/eugaelgomes/nextjs-portfolio

apigithub frontend nextjs15 portfolio vercel

Last synced: 2 months ago
JSON representation

Template de portfólio que consome API Github para mapeamento de perfil e projetos/repositórios.

Awesome Lists containing this project

README

          

# Portfólio Next.JS - Gael Gomes

[![Website](https://img.shields.io/badge/🌐_gaelgomes.dev-8B5CF6?style=for-the-badge)](https://gaelgomes.dev)
[![GitHub](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/eugaelgomes)
[![LinkedIn](https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/gael-rene-gomes/)
[![Email](https://img.shields.io/badge/Email-EA4335?style=for-the-badge&logo=gmail&logoColor=white)](mailto:hello@gaelgomes.dev)

---

## Features

- 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

## 🛠️ Tecnologias

| Categoria | Tecnologia |
| ----------------------- | --------------- |
| **Framework** | Next.js 15 |
| **Linguagem** | TypeScript |
| **Estilização** | CSS / Tailwind |
| **Deploy** | Vercel |
| **API** | GitHub REST API |
| **Ícones** | React Icons |

## Como rodar localmente

```bash
# 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 dev
```

Abra [http://localhost:3000](http://localhost:3000) no navegador.

## Estrutura do Projeto

```
├── 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
```

## Usando como Template

Quer usar este código como base? Siga estes passos:

1. **Informações pessoais** — Substitua todas as ocorrências de `"gael"`, `"eugaelgomes"` e `"gaelgomes.dev"` pelas suas informações (use `Ctrl+Shift+H` para buscar e substituir em todo o projeto)
2. **Conteúdo** — Edite `app/page.tsx` e `app/projetos.tsx` com seus dados, projetos e formação
3. **Imagens** — Substitua os arquivos em `/public` (foto de perfil, favicons, etc.)
4. **Metadados** — Atualize título, descrição e links em `app/layout.tsx`
5. **Configuração** — Ajuste domínio e nome do app em `next.config.ts`

## Contribuições

Contribuições, issues e sugestões são bem-vindas! Sinta-se à vontade para abrir uma [issue](https://github.com/eugaelgomes/portfolio-gael/issues) ou enviar um pull request.

---

[![Website](https://img.shields.io/badge/gaelgomes.dev-8B5CF6?style=flat-square&logo=google-chrome&logoColor=white)](https://gaelgomes.dev)
[![GitHub](https://img.shields.io/badge/@eugaelgomes-181717?style=flat-square&logo=github&logoColor=white)](https://github.com/eugaelgomes)
[![LinkedIn](https://img.shields.io/badge/Gael_Gomes-0A66C2?style=flat-square&logo=linkedin&logoColor=white)](https://linkedin.com/in/gael-rene-gomes/)
[![Email](https://img.shields.io/badge/hello@gaelgomes.dev-EA4335?style=flat-square&logo=gmail&logoColor=white)](mailto:hello@gaelgomes.dev)

---

**© 2024–2026 Gael Gomes. Todos os direitos reservados.**

Este projeto está licenciado sob a [MIT License](LICENSE).`
`
O código-fonte pode ser reutilizado com atribuição ao autor original.

Feito com ☕ e 💜 por [Gael Gomes](https://gaelgomes.dev)