Muito legal, não sabia que era assim que funcionava os scripts do react.
Mas ainda tenho uma duvida.
"scripts" : {
"dev" : "next dev"
Tipo, ainda é muito abstrato, o que é o next dev? como essas duas palavrinhas percorre aquele path inteiro?
hehe obg
hoje, com a Alura e o Google Gemini
Olá, Luigi! Tudo ok contigo?
No contexto do curso, o script "yarn dev" é responsável por iniciar o servidor de desenvolvimento do NextJS. Quando você roda esse comando, o NextJS procura o binário correspondente dentro da pasta "node_modules" e inicia o servidor.
Por exemplo, se você estiver no terminal e digitar "yarn dev" ou "npm run dev", o NextJS vai executar o comando "next dev" para você. Essa é uma automação criada através do script definido no arquivo "package.json".
Essa automação é útil porque simplifica o processo de iniciar o servidor do NextJS. Sem ela, você teria que acessar a pasta "node_modules", encontrar o binário do NextJS e executá-lo manualmente.
Com o script "yarn dev", você só precisa digitar um comando curto e o servidor será iniciado automaticamente. Isso facilita muito o desenvolvimento e melhora a experiência do desenvolvedor.
Em outras palavras, quando você executa o script "dev", o Yarn ou o npm (gerenciadores de pacotes) executam o comando "next dev" que está definido no seu arquivo package.json. Isso desencadeia uma série de processos internos:
O gerenciador de pacotes (Yarn ou npm) procura localmente pelo binário do Next.js (que é instalado como uma dependência).
Ele encontra o binário do Next.js e executa o comando "next dev".
O Next.js, por sua vez, começa a executar um servidor de desenvolvimento. Esse servidor observa os arquivos do seu projeto e realiza a compilação automática quando há alterações. Ele também inicia um servidor web local para hospedar sua aplicação.
Quando você acessa o endereço local (geralmente http://localhost:3000) no seu navegador, o servidor Next.js processa a solicitação e entrega a página resultante.
Quanto ao caminho (path) mencionado, o Next.js cuida disso por baixo dos panos. Ele segue as convenções padrão para organizar os arquivos e pastas da sua aplicação. Por exemplo, os arquivos da pasta pages são usados para criar as rotas da sua aplicação. Quando você acessa uma URL específica, o Next.js cuida de rotear a solicitação para o arquivo apropriado dentro da pasta pages.
Em resumo, o comando "yarn dev" é uma forma concisa de iniciar o servidor de desenvolvimento do Next.js, que cuida de muitos detalhes complexos relacionados à construção e execução da sua aplicação. Ele automatiza grande parte do processo para que você possa focar no desenvolvimento do código e das funcionalidades da sua aplicação.
Espero que isso tenha esclarecido suas dúvidas!
Se tiver mais alguma pergunta, é só me dizer.
Espero ter ajudado, abraços e bons estudos!