Referência rápida de Next.js


Índice

1- Sobre o Next.js

O Next.js é um framework de Rect que se classifica como “pronto para produção”, ou seja, ele adiciona uma série de funcionalidades no React que tornam a sua utilização mais simples e que são importantes para que um site rode em produção, entre as funcionalidades estão:


2- Referência

Site oficial: https://nextjs.org/


3- Instalação

Instalar o Node: https://nodejs.org/pt-br/download/


4- IDEs

Agora, você pode instalar uma IDE para facilitar o desenvolvimento.

VSCode (recomendo esse)

O VSCode é bastante funcional e rápido para desenvolver com Javascript, Typescript, React e Nexjs.

O VSCode é um editor FREE, rápido, leve e com uma infinidade de extensões para diferentes linguagens de programação, o que faz com que ele seja uma ótima opção para diferentes usos, vale destacar também que ele ganhou com folga a primeira posição da pesquisa anual do Stack Overflow de 2021 (link) como a IDE mais utilizada por programadores.


5- Hello World

Para criar um site utilizando next.js, basta executar o comando:

npx create-next-app --typescript

Você será perguntado sobre o nome do projeto, por exemplo:

What is your project name? hello-world

As dependências necessárias serão automaticamente instaladas (react, react-dom, next)

Então, para executar localmente o site criado:

cd hello-world
npm run dev

Então você pode acessar: http://localhost:3000


//TODO: Complementar



Comentários