Portfólio Rafael Maciel

Portfólio pessoal desenvolvido com Next.js, React, TypeScript e Tailwind CSS, com exportação estática para publicação em hospedagem tradicional via FTP.

Visão geral

O projeto foi configurado para funcionar sem Node.js no servidor. Em vez de subir a aplicação completa, o fluxo de publicação gera arquivos estáticos na pasta out/, que depois podem ser enviados para a raiz pública da hospedagem.

Atualmente o site inclui:

• página principal do portfólio
• página estática de currículo em /curriculo
• navegação responsiva
• alternância entre tema claro e escuro
• botão flutuante para voltar ao topo
• compatibilidade com publicação em Apache via .htaccess

Stack

• Next.js 14
• React 18
• TypeScript
• Tailwind CSS
• Framer Motion
• Lucide React

Rodando localmente

Instale as dependências:

npm install

Inicie o ambiente de desenvolvimento:

npm run dev

Abra no navegador:

http://localhost:3000

Build para produção

Para gerar a versão estática do site:

npm run build

Após o build, os arquivos finais ficam em:

out/

Publicação via FTP

Envie para a pasta pública do servidor o conteúdo da pasta out/, e não a pasta out inteira.

Itens principais que devem ser enviados:

• .htaccess
• index.html
• curriculo.html
• 404.html
• profile.jpg
• pasta _next/

Estrutura esperada no servidor:

private_html/
  .htaccess
  index.html
  curriculo.html
  404.html
  profile.jpg
  _next/

Se já existir uma pasta _next antiga no servidor, o ideal é removê-la antes de enviar a nova.

Estrutura do projeto

src/
  app/
  components/
  lib/
public/
out/

Observações importantes

• o projeto usa output: 'export' no Next.js
• as antigas rotas internas /api foram removidas para manter compatibilidade com hospedagem estática
• o arquivo public/.htaccess é copiado para o build e ajuda no funcionamento da versão exportada em servidores Apache

Autor

Rafael Maciel

• Site: https://rafaelmaciel.net
• GitHub: https://github.com/rafaelmaciels
• LinkedIn: https://www.linkedin.com/in/rafaelmaciels