Repolode
arifszn

arifszn/gitprofile

Um template em TypeScript que cria um portfólio de desenvolvedor sincronizado com o GitHub usando apenas seu nome de usuário, com deploy no GitHub Pages.

Estrelas
2,326
Forks
2,156
Issues abertas
10
Último commit
há 2 meses

O que é?

O GitProfile gera um site de portfólio pessoal a partir de um nome de usuário do GitHub. Avatar, bio e repositórios são obtidos automaticamente do GitHub, então o site é atualizado conforme seu perfil muda. Outras seções, como habilidades, experiência profissional, formação acadêmica, certificações, publicações e projetos externos, são preenchidas em um único arquivo gitprofile.config.ts.

O projeto é criado com Vite e oferece 36 temas da daisyUI para escolher, suporte a temas personalizados por meio de variáveis CSS, configurações de metadados de SEO, integração opcional com Google Analytics (GA3 e GA4) e Hotjar, além de instalação como PWA. Também é possível exibir publicações de um perfil do Medium ou do dev.to.

A configuração segue um fluxo de fork e deploy usando GitHub Actions e GitHub Pages, com alternativas como Vercel, Netlify e Surge. Também é possível executá-lo localmente no Node.js 20+ com um servidor de desenvolvimento.

Recursos principais

  • 01Cria automaticamente um portfólio a partir de um nome de usuário do GitHub, sincronizando o avatar e a bio com o GitHub.
  • 02Exibe projetos do GitHub em modo automático (por número de stars ou data da última atualização) ou manual.
  • 03Oferece 36 temas para escolher e permite criar temas personalizados.
  • 04Inclui seções para habilidades, experiência profissional, formação acadêmica, certificações, publicações e posts de blog.
  • 05Oferece suporte a metadados de SEO, Google Analytics, Hotjar e instalação como PWA.
  • 06Faz deploy no GitHub Pages via GitHub Actions ou na Vercel, Netlify e Surge.

Casos de uso

  • Desenvolvedores que querem criar rapidamente um portfólio online sem escrever código de front-end.
  • Acadêmicos que querem listar publicações junto dos projetos de código.
  • Quem está procurando emprego e precisa de um site no estilo de currículo, vinculado à atividade no GitHub.

Início rápido

  1. 1

    Clone o repositório

    git clone https://github.com/arifszn/gitprofile.git
  2. 2

    Acesse o diretório do projeto

    cd gitprofile
  3. 3

    Instale as dependências

    npm install
  4. 4

    Inicie o servidor de desenvolvimento e abra http://localhost:5173/gitprofile/

    npm run dev

Antes de usar

  • A configuração local requer Node.js 20 ou mais recente.
  • Para implantar em um subcaminho de projeto no GitHub Pages, é necessário definir manualmente o valor de base em gitprofile.config.ts.

Em coleções

Tópicos

Perguntas frequentes

O que é gitprofile?
Um template em TypeScript que cria um portfólio de desenvolvedor sincronizado com o GitHub usando apenas seu nome de usuário, com deploy no GitHub Pages. O GitProfile gera um site de portfólio pessoal a partir de um nome de usuário do GitHub. Avatar, bio e repositórios são obtidos automaticamente do GitHub, então o site é atualizado conforme seu perfil muda. Outras seções, como habilidades, experiência profissional, formação acadêmica, certificações, publicações e projetos externos, são preenchidas em um único arquivo gitprofile.config.ts.
gitprofile é gratuito? Qual é a licença?
gitprofile é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
gitprofile ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de gitprofile foi em 1 de set. de 2026.
Para que posso usar gitprofile?
Desenvolvedores que querem criar rapidamente um portfólio online sem escrever código de front-end. Acadêmicos que querem listar publicações junto dos projetos de código. Quem está procurando emprego e precisa de um site no estilo de currículo, vinculado à atividade no GitHub.
Como instalar gitprofile?
Clone o repositório: git clone https://github.com/arifszn/gitprofile.git Acesse o diretório do projeto: cd gitprofile Instale as dependências: npm install Inicie o servidor de desenvolvimento e abra http://localhost:5173/gitprofile/: npm run dev
Onde consigo gitprofile?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/arifszn/gitprofile

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados