🧑‍💻 Portfólio | Wesley Alves

Este é o portfólio profissional de Wesley Alves, desenvolvido com Next.js, focado em exibir minhas habilidades, experiências, projetos e redes sociais. A aplicação é totalmente responsiva e otimizada para SEO e redes sociais.

🚀 Tecnologias Utilizadas

• Next.js (Static Site Generation)
• TypeScript
• Tailwind CSS
• React
• Sanity CMS (Headless CMS para gerenciamento de conteúdo)
• Vercel (Deploy)

📁 Estrutura de Componentes

• Header: Cabeçalho com links para seções e redes sociais.
• Hero: Apresentação principal do desenvolvedor.
• Skills: Lista de habilidades técnicas.
• WorkExperience: Experiências profissionais.
• Projects: Projetos realizados.
• CursorShadow: Efeito visual com o cursor.

📦 Conteúdo Dinâmico via Sanity

O conteúdo como habilidades, projetos, experiências e informações pessoais é gerenciado via Sanity.io e carregado estaticamente com getStaticProps.

Variáveis de ambiente usadas

NEXT_PUBLIC_SANITY_DATASET=production
NEXT_PUBLIC_SANITY_PROJECT_ID=afv0f5cv
NEXT_PUBLIC_BASE_URL=http://localhost:3000/

⚠️ Nenhuma variável sensível é exposta no frontend. Apenas dados públicos são carregados via Sanity.

🛠️ Como executar localmente

# Clone o repositório
git clone https://github.com/wesleyalvesdeveloper99/WesleyAlves.git

# Acesse o diretório
cd WesleyAlves

# Instale as dependências
yarn install

# Crie um arquivo .env.local e adicione as variáveis de ambiente
touch .env.local

NEXT_PUBLIC_SANITY_DATASET=production
NEXT_PUBLIC_SANITY_PROJECT_ID=afv0f5cv
NEXT_PUBLIC_BASE_URL=http://localhost:3000/

# Inicie o servidor de desenvolvimento
yarn start

Acesse https://wesleyalvesprofile.vercel.app/

🌐 Deploy

Este site está hospedado na Vercel. Para fazer deploy:

1. Crie uma conta na Vercel.
2. Conecte o repositório GitHub.
3. Adicione as variáveis de ambiente no painel da Vercel.
4. Deploy automático a cada push na main.

🔍 SEO e Compartilhamento

O projeto inclui:

• Meta tags para SEO (title, description, keywords)
• Meta tags Open Graph (compartilhamento em redes sociais)
• Suporte multilíngue (pt-BR e en-US)
• Favicon e imagem de thumbnail

🖼️ Imagem para compartilhamento social

A imagem usada no Open Graph está localizada em:

/public/thumbnail.png

📄 Licença

MIT License

Copyright (c) 2025 Wesley

---

Desenvolvido com 💻 por Wesley Alves.