React : Meu primeiro aplicativo
Sobre a aula
-
Objetivo:
- Ter um primeiro contato com a tecnologia
- Criar o primeiro aplicativo web
- Publicar o aplicativo na internet
- Entender a dinâmica de trabalho
-
Pré-requisitos:
- GitHub - Repositório de códigos-fonte
- Criar uma conta - use seu melhor email
- Vercel - Host your web app
- Criar uma conta use a conta do github para autenticar
- Baixar, instalar e configurar no computador o NodeJs, versão corrente
- Baixar e instalar no computador um editor de código-fonte, recomendo o Microsoft Visual Studio Code
- Baixar e instalar no computador um cliente git
-
Passo a passo:
- Fazer o login no GitHub e Vercel
- Realizar fork do respositório Tarefas Web App
- Abrir o terminal de comandos
- Criar e acessar o diretório para os projetos da disciplina, recomendo nome tarefas
- Clonar do repositório (git clone
url
, ex: git clone https://github.com/leonardo-minora/2021-TarefasWeb
)
- Criar uma aplicação React/Next
npx create-next-app wepapp
- Executar a aplicação
cd wepapp && npm run dev
- Mover arquivos e diretórios de
webapp
para 2021-TarefasWeb
- pages
- public
- styles
- .eslintrc.json
- .gitignore
- next.config.json
- package.json
- Comitar os arquivos
2021-TarefasWeb
(git add . && git commit -m "my first react web app"
)
- Publicar no github (
git push origin main
)
- Acessar Vercel e conectar ao repositório do projeto
- Testar aplicação instalada na web
- No repositório github, em About, publicar endereço da aplicação no Vercel no campo website
Video aula