Como Instalar o Node.js e o Next.js para Desenvolvimento Web em React no Linux Manjaro

Abra uma janela do terminal (Ctrl+Alt+T) e digite o comando à seguir para instalar o ‘nvm’ (node version manager):

˜ sudo pacman -S nvm

Após a instalação, como o nvm na verdade é um script, você precisa adicioná-lo ao arquivo de configuração do shell .zshrc:

˜ echo 'source /usr/share/nvm/init-nvm.sh' >> ~/.zshrc

Em seguida feche a janela do terminal e abra uma nova para verificar se o nvm está disponível:

˜ nvm --version

Esse comando deve exibir a versão atualmente instalada.

Agora instale a versão mais atual do Node.js:

˜ nvm install node

E verifique se foi instalado corretamente:

˜ node -v

A versão instalada deve ser exibida na tela.

Opcionalmente, você também pode verificar todas as versões disponíveis para instalação e instalar uma versão específica:

˜ nvm ls-remote

˜ nvm install 15.0.0

Além disso, você pode verificar todas as versões do Node.js instaladas em seu sistema e também selecionar a versão que deseja utilizar:

˜ nvm ls

˜ nvm use 16.0.1

Juntamente com o Node.js, devem ter sido instalados os gerenciadores de pacotes ‘npm’ e o ‘npx’. Você pode confirmar com os comandos:

˜ npm -v

˜ npx -v

Agora crie um diretório para o seu projeto e execute o comando:

˜ npx create-next-app

O sistema irá solicitar a instalação do pacote ‘create-next-app’. Siga em frente e confirme.

Logo em seguida você precisará dar um nome à sua aplicação. Informe o nome e prossiga.

O ‘npm’ então irá instalar automaticamente os pacotes ‘react’, ‘react-dom’ e ‘next’.

Após a instalação, você receberá uma confirmação e instruções para iniciar o servidor Node.js. Acesse o diretório com o mesmo nome que você informou para o projeto anteriormente e utilize o comando:

˜ npm run dev

Por fim, abra o navegador e digite o seguinte endereço:

localhost:3000

Uma página com o título “Welcome to Next.js” deve aparecer em seu navegador.

Tags:

• desenvolvimento,
• linha de comando,
• linux manjaro,
• next.js,
• node.js,
• react