Introdução

A publicação de um projeto é uma etapa importante do desenvolvimento de software, pois é nessa etapa que você compartilha sua criação com outras pessoas.

Porém, quando estamos iniciando, é muito comum não sabermos como e onde publicar nossos projetos, e nesse artigo, vamos apresentar algumas formas de se alcançar esse objetivo.

Tipos de publicação

A publicação de um projeto pode ocorrer de duas formas principais:

  • Publicação do projeto em execução (Site, App, etc)
  • Publicação do código fonte na web

Projeto em execução: Imagine que você tenha criado um site para um comércio local - por exemplo, uma padaria - e você queira compartilhar esse projeto com outras pessoas.

Para isso, você precisa publicar esse site online em um servidor (Vercel, netlify), para que as pessoas acessem através de um endereço na Web, como por exemplo:

https://agencia-de-viagens-omega.vercel.app/
Projeto em Execução
Figura 2: Projeto em Execução

Publicação de código fonte: Se o seu objetivo é compartilhar o código do seu projeto, a publicação vai ocorrer de forma diferente.

Neste caso você deve publicar os códigos em algum serviço de armazenamento em nuvem (OneDrive, Google Drive) ou de preferência em um serviço de versionamento de código (Github).

Código Fonte no Github
Figura 2: Código Fonte no Github

Quando utilizar cada tipo de publicação

Em geral, o indicado é que você publique sempre as duas formas, porém, cada tipo de publicação tem seu propósito.

Enquanto uma publicação de projeto em execução serve para que outros possam utilizar o seu site ou app, a publicação de código fonte serve para que outros programadores possam analisar o código que você construiu.

Se o seu interesse é utilizar esses projetos como portfólio para sua carreira como programador, o indicado é ter sempre os dois, assim, seus possíveis recrutadores podem avaliar a qualidade do seu código e testar a aplicação na prática.

Como publicar?

Projeto em execução

O processo de publicação de um projeto em execução é um pouco extenso, e possui diversas etapas.

Mas não se preocupe, nós vamos conhecer cada uma dessas etapas neste artigo.

O primeiro passo para se hospedar um site é encontrar um servidor de hospedagem:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Uma vez escolhido o servidor, é necessário criar uma conta para que você possa hospedar o seu site.

Neste artigo nós utilizaremos o Vercel, por se tratar de um servidor gratuito. Confira:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Uma vez com a conta criada, chegou o momento de configurar a Vercel no seu computador para que você possa publicar seus projetos online.

Porém, antes disso precisamos configurar nosso ambiente. Confira:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Veja que o primeiro passo para publicação foi instalar o Node na sua máquina.

E para isso, comece baixando-o do site oficial: https://nodejs.org/en

Download do Node
Download do Node

Com isso feito, será necessário instalar o node. Para isso, siga o Flow seguinte:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Com a instalação concluída, vamos precisar verificar se tudo está funcionando corretamente.

Para isso, siga o Flow:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Com o node devidamente instalado nós passamos a ter acesso a uma ferramenta chamada NPM.

De forma simples, o NPM é uma ferramenta que nos permite baixar e instalar recursos em nossos projetos.

O NPM é instalado automaticamente junto do node, e portanto, já está disponível para ser usado.

Desse modo, o próximo passo é instalar a aplicação do Vercel na pasta do projeto, para podermos publicá-lo.

Confira:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Com a Vercel instalada nós já podemos hospedar nosso projeto online.

Veja no Flow como esse processo ocorre quando você publica seu projeto pela primeira vez:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Com a confirmação do E-mail, o processo de deploy vai iniciar. Confira:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Uma vez com o deploy concluído você já pode acessar seu site pelo domínio que foi associado a ele. Confira:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Pronto! Seu site está publicado e pronto para ser compartilhado com outras pessoas.

Você pode conferir mais detalhes sobre a publicação de um site na web na missão “Publicando seu primeiro site”: https://www.devmedia.com.br/carreira-programador/carreira.php?id=507

Publicando o código fonte

A publicação de código fonte pode ser feita de diversas maneiras.

Você pode optar por utilizar sites de armazenamento em nuvem comuns como o OneDrive e o Google Drive, por exemplo, ou mesmo serviços dedicados ao armazenamento de códigos, como o Github.

A publicação em serviços de nuvem é mais simples e rápida, porém, não conta com os diversos recursos oferecidos pelo Github voltados para o gerenciamento e versionamento de código.

O Github por sua vez é mais adequado para publicação de códigos, porém, possui uma curva de aprendizado maior.

Para começar no Github, é necessário criar uma conta na plataforma, caso já possua, você pode pular essa etapa.

Caso ainda não tenha uma conta, siga o procedimento a seguir:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Com a conta criada, você precisa agora criar um repositório.

O repositório funciona como uma espécie de pasta, onde vão ficar armazenados todos os arquivos do seu projeto.

Veja no próximo Flow como criar um repositório no Github:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Com o repositório criado, tudo que falta é fazer upload do projeto para ele.

Confira no Flow seguinte como fazer upload do seu projeto para o repositório criado no Github:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Após o commit, seu projeto estará hospedado no github e você poderá compartilhá-lo com outras pessoas.

Para isso, basta ir até o seu repositório e copiar o link da barra de endereços do seu navegador. Confira:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Para mais detalhes sobre publicação no github você pode consultar a missão da carreira Back-end:

Agora, se ao invés do Github você preferir utilizar um serviço de nuvem para armazenar o seu código, isso pode ser feito da seguinte forma:

Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow Imagem do flow

Seguindo esses passos você terá seu código publicado e pronto para divulgação.

Onde Divulgar?

A divulgação do seu projeto pode ser feita de diversas formas, como em mídias sociais, currículos e sites especializados.

LinkedIn

O Linkedin é uma rede social focada no público profissional que atrai a atenção de muitas empresas.

Por isso, é um ótimo local para publicar seu projeto se você está em busca de uma oportunidade.

Publicar no LinkedIn é simples: basta criar uma conta na plataforma, completar seu perfil e fazer um post falando sobre o seu projeto.

Veja o processo:

Crie uma conta
Crie uma conta
Preencha seu perfil
Preencha seu perfil
Faça um Post divulgando seu projeto e o link gerado
Faça um Post divulgando seu projeto e o link gerado

E lembra dos links de compartilhamento que você gerou para o seu projeto? É aqui que você irá divulgá-lo.

Seja um link do github, do Google Drive ou do seu próprio site, esse é o espaço onde você irá promover o seu projeto.

Comunidade DevMedia

Você sabia que a DevMedia possui uma comunidade de criadores com espaço para você publicar seus projetos?

Para isso, basta acessar a nossa comunidade, selecionar o menu 'projetos' e preencher as informações do seu projeto.

Comunidade DevMedia
Comunidade DevMedia

No campo 'Link do Projeto' é onde você publicará o link do projeto em execução (Endereço do seu site, link da Google Play / App Store)

Já no campo 'Link do Repositório' é onde você vai colocar o link do seu código, seja ele do Github, OneDrive ou Google Drive.

Fazendo isso, seu projeto será visto pela nossa comunidade de programadores, possibilitando uma maior evolução na sua carreira como programador através da troca de experiências.

Publicação na comunidade
Publicação na comunidade

Seu próprio portfólio

Se você já tem um pouco de experiência e consegue criar seus próprios sites, uma ótima forma de divulgar seus trabalhos é através de um site pessoal.

Além disso, você pode utilizar o processo de construção do seu portfólio como forma de aprendizado.

No seu site você pode colocar as URLs de todos os projetos que fez, além de falar um pouco sobre cada projeto.

Veja esse exemplo de portfólio feito por um aluno:

portifolio aluno
Portifólio aluno

Conclusão

A publicação e divulgação do seu projeto são etapas importantes no ciclo do desenvolvimento, pois é através dessa etapa que você conseguirá compartilhar seu trabalho com o público, outros programadores e até mesmo empresas em busca de profissionais.

Por isso, se você concluiu o seu projeto não hesite em publicá-lo seguindo as dicas deste artigo.

Bons códigos e até a próxima.