Next.js é um framework bem conhecido para React que ajuda você a criar websites rápidos e modernos, que são fáceis de usar e possuem recursos poderosos como renderização do lado do servidor, criação de páginas estáticas e construção de APIs.
Se você está procurando começar um projeto de Next.js em seus sistemas baseados em Ubuntu, este guia irá te guiar pelo processo passo a passo.
Pré-requisitos
Antes de começar a configurar um projeto de Next.js, há algumas coisas que você precisará instalar em seu sistema Linux, que incluem:
Node.js: Next.js é construído sobreNode.js, então você precisa ter Node.js instalado.npm: npm (Node Package Manager) é usado para gerenciar os pacotes e dependências do seu projeto.
Vamos passar pelo processo de instalação para Node.js e npm.
Passo 1: Instalar Node.js e NPM no Linux
Antes de instalar qualquer novo software, é uma boa ideia atualizar sua lista de pacotes para garantir que você está instalando a versão mais recente do software disponível nos repositórios.
sudo apt update
Em seguida, você pode instalar Node.js (que também instala npm), sendo melhor instalar a versão de Node.js que está marcada como LTS (Suporte a Longo Prazo), pois é a versão mais estável e amplamente utilizada.
sudo apt install nodejs
Após a conclusão da instalação, verifique se Node.js está instalado corretamente verificando sua versão:
node -v npm -v
Agora você tem tanto o Node.js quanto o npm instalados em seu sistema.
Passo 2: Instale e Configure o Projeto Next.js
Agora que você tem Node.js e npm instalados, é hora de criar um novo projeto Next.js. A maneira mais fácil de instalar Next.js é usando create-next-app, que é um pacote oficial fornecido pela equipe do Next.js.
sudo npm install -g create-next-app
Agora que create-next-app está instalado, você pode criar um novo projeto Next.js.
npx create-next-app@latest my-next-app
Aqui, my-next-app é o nome da sua pasta de projeto. Você pode substituí-lo por qualquer nome que preferir. O comando npx irá baixar e executar o pacote create-next-app, e irá configurar um novo projeto Next.js para você.
Assim que o comando terminar de ser executado, você terá uma nova pasta chamada my-next-app com a estrutura básica de uma aplicação Next.js.
Passo 3: Execute Seu Projeto Next.js
Após o projeto ser criado, entre na sua pasta de projeto e inicie o servidor de desenvolvimento:
cd my-next-app npm run dev
Este comando iniciará o servidor de desenvolvimento do Next.js. Por padrão, o servidor será executado em http://localhost:3000.
Abra seu navegador e vá para essa URL, e você deverá ver a página de boas-vindas padrão do Next.js.
Você pode começar a criar novas páginas na pasta app. Por exemplo, crie um novo arquivo about.js dentro do diretório app para criar uma página Sobre.
Conclusão
Você configurou com sucesso um novo projeto Next.js em sua máquina Ubuntu! Agora você pode começar a construir sua aplicação web adicionando novas páginas, componentes e recursos.
Next.js facilita a construção de aplicações web modernas, e com a ajuda deste guia, você aprendeu como instalar e configurar um projeto Next.js.