Postagens

Setup Chave SSH Bitbucket

Fala galera, estava aqui realizando o setup de uma chave SSH em meu computador e eu percebi que isso é um problema que também afeta outros companheiros da minha equipe. Então decidi fazer aqui um step-by-step para facilmente todos entenderem como fazemos o setup de mais de uma chave SSH em nosso computador, tendo em vista que hoje em dia trabalhamos em uma empresa e possuímos também nossos projetos pessoais, vamos la. Vamos lá Abra um terminal e navegue até seu diretório .ssh usando cd, por exemplo: 1 cd ~/.ssh Gere um par de chaves SSH usando ssh-keygen, como: 1 ssh-keygen -t ed25519 -b 4096 -C "seu-email@empresa.com" -f "key-name" Onde: "seu-email@empresa.com" é o endereço de e-mail associado à conta do Bitbucket Cloud, como sua conta de e-mail de trabalho. "key-name" é o nome do arquivo de para as chaves. Coloque um nome identificável, como empresa_bitbucket_work. Execute o seguinte comando, substituindo o {ssh-key-name} pelo nome da chave pri...

Do React para o Next.JS

Imagem
  Vamos para mais um post, vamos subir a barra e agora do react dar um pulo diretamente para o NextJS. Sendo desenvolvedor a um tempo, o Next foi uma revelação. Além de possuir tudo o que um Dev javascript precisa ele também tem uma curva perfeita para sua aprendizagem. E para você que seguiu os 5 posts onde passo um pouco do React vamos agora dar aquele salto em direção ao NextJS. ⚠️  Se você não viu os posts pode visualizar eles por  aqui   ⚠️ ⚠️  Para nosso post você precisa ter o vscode instalado  aqui   ⚠️ A primeira coisa que vamos fazer criar uma pasta e adicionar o código inteiro do último post , que deve ser algo como abaixo: <html> <head> <style> .post-component { text-align : center ; } .post-header-component { display : flex ; justify-content : center ; } .user-name-description , .post-description-co...

Dev JS para React - Pt 5 (Final)

Imagem
  Fala galera, bora para a quarta parte parte. ⚠️  Se você não viu a quarta parte, comece por  aqui   ⚠️ Hoje vamos adicionar uma interatividade supimpa. Vamos criar o Like. E para isso vamos utilizar nosso último  código  e vamos primeiramente adicionar um botão de likezin, como abaixo. <!-- ... ---> function PostComponent ( props ) { return ( < div class ="post-component"> < div class ="post-header-component"> < div class ="user-avatar"> < AvatarImage /> </ div > < div class ="user-name-description"> < Username username={props.username} /> < UserDescription /> </ div > </ div > ...