React : Meu primeiro aplicativo

Sobre a aula

• Objetivo:

  1. Ter um primeiro contato com a tecnologia
  2. Criar o primeiro aplicativo web
  3. Publicar o aplicativo na internet
  4. Entender a dinâmica de trabalho

• Pré-requisitos:

  • GitHub - Repositório de códigos-fonte
    1. Criar uma conta - use seu melhor email
  • Vercel - Host your web app
    1. 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:

1. Fazer o login no GitHub e Vercel
2. Realizar fork do respositório Tarefas Web App
3. Abrir o terminal de comandos
4. Criar e acessar o diretório para os projetos da disciplina, recomendo nome tarefas
5. Clonar do repositório (git clone url , ex: git clone https://github.com/leonardo-minora/2021-TarefasWeb)
6. Criar uma aplicação React/Next npx create-next-app wepapp
7. Executar a aplicação cd wepapp && npm run dev
8. Mover arquivos e diretórios de webapp para 2021-TarefasWeb
   1. pages
   2. public
   3. styles
   4. .eslintrc.json
   5. .gitignore
   6. next.config.json
   7. package.json
9. Comitar os arquivos 2021-TarefasWeb (git add . && git commit -m "my first react web app")
10. Publicar no github (git push origin main)
11. Acessar Vercel e conectar ao repositório do projeto
12. Testar aplicação instalada na web
13. No repositório github, em About, publicar endereço da aplicação no Vercel no campo website

Video aula

• youtube