Nesse artigo, vamos apresentar como você pode compartilhar seu projeto na comunidade da DevMedia.

Publicando seus projetos na comunidade DevMedia
Figura 1. Publicando seus projetos na comunidade DevMedia

O primeiro passo para atingir esse objetivo é publicar o seu código-fonte na internet.

O objetivo aqui é publicar os códigos em um serviço de versionamento de código; o mais popular é o GitHub.

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

Como publicar o código no GitHub?

Para começar no Github, é necessário criar uma conta na plataforma, caso já possua, você pode pular essa etapa e prosseguir direto para o passo 2.

Caso ainda não tenha uma conta, siga para o passo 1.

Passo 1: Criando uma conta no GitHub.

Slide 1 Slide 1 Slide 1 Slide 1 Slide 1 Slide 1 Slide 1 Slide 1

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.

Passo 2: Criando um repositório

Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 10

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

Passo 3: Fazendo Upload do Código para o GitHub

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

Após o commit, seu projeto estará hospedado no github e você poderá compartilhá-lo na comunidade DevMedia.

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

Passo 4: Compartilhando seu repositório

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

Esse é o link que você vai colar no campo 'Link do repositório' na comunidade DevMedia.

Link do repositório
Figura 3. Link do repositório

Ótimo! o código do seu projeto foi publicado.

Agora, se o seu projeto for um site, existe mais uma etapa que você precisa cumprir, que é publicar seu site na internet.

Essa etapa só é necessária se seu projeto for um site. Caso seu projeto não seja um site, você pode pular a etapa a seguir.

Como publicar o seu site na internet?

O objetivo da publicação de um site na internet é permitir que outras pessoas consigam acessá-lo.

Hoje, o seu site está local, ou seja, só pode ser acessado no seu computador. Agora vamos aprender a publicar seu site na internet, para que ele possa ter um endereço na web, como por exemplo: https://agencia-de-viagens-omega.vercel.app/

Site publicado na internet
Figura 4. Site publicado na internet

Para publicar seu site na internet, o primeiro passo é escolher o servidor de hospedagem.

Passo 1: Escolhendo o servidor de hospedagem

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

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

Nós utilizaremos o Vercel, por se tratar de um servidor gratuito.

Passo 2: Criando uma conta na vercel

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

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.

Passo 3: Conhecendo o Node.JS

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

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

E para isso, precisamos baixá-lo do site oficial: https://nodejs.org/en.

Site Node.js
Figura 5. Site Node.js

Após o download ser concluído, nós podemos iniciar a instalação.

Passo 4: Instalando o Node.js

Slide 10 Slide 10 Slide 10 Slide 10

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

Passo 5: Confirmando a instalação do Node.js

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

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.

Passo 6: Instalando a Vercel CLI

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

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

Passo 7: Hospedando seu projeto na Vercel

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

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

Passo 8: Iniciando o processo de configuração do deploy

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

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

Passo 9: Abrindo nosso projeto

Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10 Slide 10

Pronto! Seu site está publicado na internet e pode ser acessado por qualquer pessoa através do endereço web: https://agencia-de-viagens-omega.vercel.app/

Para publicar o seu projeto web na comunidade DevMedia, você vai inserir o endereço web no campo 'Link do Projeto'.

Link do Projeto
Figura 6. Link do Projeto

Feito isso, basta preencher os demais campos e clicar em 'Postar'.

Postar Projeto
Figura 7. Postar o Projeto

Pronto! Seu projeto foi publicado na comunidade DevMedia.