DEV Community: Rafael Mateus

Craft Your GitHub Profile Page in 60 Seconds with Zero Code, Absolutely Free

Rafael Mateus — Tue, 12 Mar 2024 00:38:04 +0000

Project me is the easiest way to create your profile page from GiHub for free. 😎

All your profile information will be accessed through the public GitHub API. 🎒

So, have your GitHub registration properly filled out.
That way you don't need to make any code changes. 🤖

You don't need to have infrastructure costs the availability will be made by gh-pages free of charge. 🤑

You will have a link to share on your social networks with SEO's meta tags. will also be indexed by the google search engine. 🚀

Features

✅ Show basic profile (login, name and bio)
✅ Show company, location, blog and twitter
✅ Number of followers
✅ Count of public repos
✅ Account created at
✅ List of repos with the tag
✅ Progressive Web App (PWA)
✅ SEO's meta tags
✅ Deploy using gh-pages

How to create your profile page?

To create your own profile follow the steps below.
Basically, just fork me project to your github.

Follow the steps:

Create a fork
Enable Github Actions
Run deploy to Pages
Access your profile page in https://<username>.github.io/me

Details of the steps

1. Create a fork

To create a fork of this project access https://github.com/rafaelbmateus/me/fork and click in "Create fork" button.

2. Enable Github Actions

By default actions are not automatically enabled for forks.
Select Actions in your repository forked and click in
"I understand my workflows, go ahead and enable them".

3. Run deploy to Pages

Select "Deploy static content to Pages" Workflow, click in "Run workflow", use workflow from Branch: main and click in "Run workflow".

Check if deploy static content to Pages workflow run completed successfully.

4. Access your profile page

Access your profile page in https://<username>.github.io/me/.

Change <username> with your github user. Like: https://github.com/rafaelbmateus the username is rafaelbmateus.

How show the repositories?

The repositories you want to appear in your profile page's project catalog put the me tag.

You can change the tag to another one you prefer
but you will need to change a line of code assets/js/github.js#L6.

GitHub API

The HTML fields are filled using data from GitHub.

The endpoint used are:

Running localhost

Clone repository

git clone git@github.com:rafaelbmateus/me.git
cd me

Build the page using:

GITHUB_USERNAME=<username> python3 builder/main.py

Others profile pages builders

If you want something more powerful take a look at the projects:

it will probably take you more than 1 minute to deploy.

Crie sua página de perfil hoje sem nenhum esforço e de graça! 🤑

Rafael Mateus — Tue, 16 Aug 2022 18:33:00 +0000

Já pensou em criar sua página de perfil para mostrar seus projetos do GitHub sem nenhum esforço? E o melhor, de graça?!

O projeto pega as informações do utilizando a api pública do github e monta uma página de perfil para expor os seus repositórios, sem precisar alterar nada no código.

A pipeline do github actions vai gerar uma página estática usando python com suas informações. Você vai poder usar o link para compartilhar com as suas próprias meta tags SEO's.

Para criar a sua própria página, basta fazer um fork do repositório e shazam... estará tudo pronto. Você não precisará fazer mais nada, nem mesmo alterar uma linha de código (a menos que queira).

Para mostrar os seus repositórios no catálogo de projetos basta adicionar a tag "me" em cada repositório, e eles apareceram na sua página.

Repositório: https://lnkd.in/eBGgrmQF
Demo: https://lnkd.in/eRDgpSJP

Create your GitHub profile page in 1 minute without 1 line of code for free

Rafael Mateus — Sun, 07 Aug 2022 18:34:00 +0000

GitHub-me is the easiest way to create your profile page from
GiHub for free. 😎

All your profile information will be accessed through the public
GitHub API. 🎒

So, have your GitHub registration properly filled out.
That way you don't need to make any code changes. 🤖

You don't need to have infrastructure costs the availability will be made by
gh-pages free of charge. 🤑

You will have a link to share on your social networks with SEO's meta tags.
will also be indexed by the google search engine. 🚀

Features

✅ Show basic profile (login, name and bio)
✅ Show company, location, blog and twitter
✅ Number of followers
✅ Count of public repos
✅ Account created at
✅ List of repos with the tag
✅ Progressive Web App (PWA)
✅ SEO's meta tags
✅ Deploy using gh-pages

How to create your profile page?

To create your own profile follow the steps below.
Basically, just fork me project to your github.

Follow the steps:

Create a fork
Enable Github Actions
Run deploy to Pages
Access your profile page in https://<username>.github.io/me

Details of the steps

1. Create a fork

To create a fork of this project access
https://github.com/rafaelbmateus/me/fork
and click in "Create fork" button.

2. Enable Github Actions

By default actions are not automatically enabled for forks.
Select Actions in your repository forked and click in
"I understand my workflows, go ahead and enable them".

3. Run deploy to Pages

Select "Deploy static content to Pages" Workflow,
click in "Run workflow", use workflow from Branch: main
and click in "Run workflow".

Check if deploy static content to Pages workflow
run completed successfully.

4. Access your profile page

Access your profile page
in https://<username>.github.io/me/.

Change <username> with your github user. Like: https://github.com/rafaelbmateus
the username is rafaelbmateus.

How show the repositories?

The repositories you want to appear in your profile page's project catalog put the me tag.

You can change the tag to another one you prefer
but you will need to change a line of code
assets/js/github.js#L6.

GitHub API

The HTML fields are filled using data from github.

The endpoint used are:

Running localhost

Clone repository

git clone git@github.com:rafaelbmateus/me.git
cd me

Build the page using:

GITHUB_USERNAME=<username> python3 builder/main.py

Others profile pages builders

If you want something more powerful take a look at the projects:

it will probably take you more than 1 minute to deploy.