Postado em 3 de janeiro de 2023

Criando um novo projeto com NextJS, TS e ESLint

Atalhos

Pré requisitos

Necessário que você já tenha instalado em sua máquina:

  • NodeJS
  • Eu utilizei o Yarn mas você tambem pode utilizar o NPM (já vem junto da instalação do NodeJS)
  • E um edito de sua preferência eu estou utilizando o VSCode

Verificando as instalações

Para verificar as instalação rode em seu terminal os comandos abaixo:

  • node -v – Verifica a versão instalada do NodeJS
  • yarn -v – Verifica a versão instalada do Yarn
  • npm -v – Verifica a versão instalada do NPM instalado

Veja foto abaixo

Criando o projeto com NextJS

Aqui utilizei o yarn, antes de rodar os comandos se certifique que você está na pasta que foi criada para o projeto, assim não irá instalar em um local errado.

Para criar nosso projeto com yarn

1 – yarn create next app

Após isto você deverá inserir o nome do projeto

2 – Dê um nome ao seu projeto

Ainda no processo de instalação você será perguntado se quer instalar o TypeScript e o ESLint

3 – Caso queira é só marcar yes e dar enter, caso não queira dá para instalar depois sem problema nenhum.

Pronto agora o seu projeto foi instalado e para rodar o projeto?

Basta acessar a pasta do projeto, abri o projeto em seu terminal favorito e rodar o comando yarn dev

Agora acesse o localhost:3000 e seu projeto estará rodando =)