Fala mestre beleza no vídeo de hoje a gente vai falar aqui um pouquinho de nexts e dar aquele o primeiro passo que é a criação de um projeto utilizando o Next tá então é para ser um vídeo bem simples bem prático só para a gente inicializar mesmo aqui o nosso projeto e saber o que é o Next para que nas próximas aulas a gente consiga explorar mais esse Framework que entender mais é tudo aí desse do desenvolvimento web né usando o nexts tá então antes da gente ir para o vídeo gostaria de pedir que você deixe um like no vídeo se inscreva no canal e também cliquem no Sininho para o YouTube te manter informada aí dos nossos conteúdos e também a gente vai ter na descrição todos os links das redes aqui da mestre para você conseguir nos acompanhar aí em todas as plataformas Tá certo então meu nome é chance eu sou desenvolvedor aqui na Mestres e vamos lá para mais um conteúdo [Música] Então antes da gente já vir aqui para o browser ou para a gente ir aqui para o nosso versus code eu quero falar que um pouquinho do que que é o Next tá o Next JS ele é um Framework que ele usa react para fazer o desenvolvimento web tá então nós temos ali a nossa parte web né o navegador que vai executar um código de Java script tá já script HTML CSS né esse esse código já script HTML CSS vai ser gerado pelo react na verdade a gente vai escrever toda essa lógica usando ali o react que é uma biblioteca dois JavaScript tá então a gente vai criar ali esse código fonte escrito em react E aí usando o react nós temos aí um livro acima que é o Next tá e o Next ele é um frame então o frame ele dá para gente uma não aqui uma receita de bolo mas não literalmente porque realmente não é literalmente mas ele dá para gente alguns padrões ou possibilita a gente fazer algumas coisas de um jeito específico que ele é já tem ali o padrão para ser feito tá então muitas coisas que a gente no react fazer de algumas formas ou em alguma outra tecnologia a gente fazer de alguma forma Conecte a gente tem um jeito certo de fazer tá E aqui eu não vou ir a fundo para dar exemplos para não deixar vocês mais confusos Mas o que eu quero deixar claro é que o frame como o nome mesmo já diz ele é um esqueleto né então ele dá pra gente ali uma estrutura para a gente seguir e padrões né para a gente ir Seguindo para fazer coisas então ele facilita muita coisa pra gente e padroniza também muita coisa tá então é muito interessante e o Next ele vem sendo aí um dos frameworks mais populares aí para para desenvolvimento né tanto com a web no geral né desenvolvimento usando o react tá Então nesse vídeo aqui a gente vai criar um projeto next para a gente já Conte a gente conseguir né é avançar aí e criar aí fazer todo o nosso estudo né estudar a parte teórica ali do react mas também já entendeu um pouco de Next já consegui criar aí as nossas plataformas das nossas páginas web tá então eu tô aqui com eu tô não vi as code tá tô com o visual aberto até porque para criar o projeto é extremamente simples tá então nos vídeos anteriores a gente mostrou lá fazendo a configuração do ambiente né JavaScript usando ali o principalmente a instalação do node tá porque a gente vai precisar de ter um node instalado na nossa máquina para criar esse projeto next a gente só vai precisar realmente ali do note então a Brenda que o terminal no visual Você pode abrir ele aqui clicando em terminal né novo terminal ou usando um atalho tá E aí no terminal a gente vai executar aí o MPX né que até no próprio vídeo de node eu falo o que que é npx Tá mas é basicamente é o load pack a gente pode pensar como node pack de mana né O npm que é uma forma de executar de instalar dependência na nossa no nosso projeto com npm ali com npx ele vai executar dependências ou executar scripts ali é na nossa máquina então usando o npx e aqui a gente tem é o script para criar um projeto next né que é o Create next app Tá eu vou usar aqui uma roupa três e . 4. 5 isso aqui depois desse arroba eu poderia rodar sem o arroba né ele deu usar a versão mais recente desse script tá porque para cada versão do Next que sai uma versão desse script vai sair para criar um aplicativo next naquela versão né específico então a que eu vou usar é a 13 Opa 13.
4. 5 né e a gente pode verificar isso aqui no próprio navegador se eu pesquisar aqui por npm e pesquisar aqui por cliente next act eu vou encontrar aqui o script né o pacote que cria o aplicativo next né pode ver que a versão a versão uma receita de dele é 3. 4.
6 né então eu poderia eu vou usar essa versão nesse tutorial tá então aqui é 3. 4.
