2.md

← Pagina Inicial

Criando aplicativo Next.js

1 - 2 - 3 - 4

Setup

Primeiro, verifique se seu ambiente de desenvolvimento está pronto.

• Se você não possui o Node.js instalado, instale-o aqui. Você precisará do Node.js. versão 10.13 ou posterior.

• Você usará seu próprio editor de texto e terminal para este tutorial.

Se você estiver no Windows, recomendamos o download do Git for Windows e use o Git Bash que vem com ele, que suporta os comandos específicos do UNIX neste tutorial.

Crie um aplicativo Next.js.

Para criar um aplicativo Next.js, abra seu terminal, vá no diretório em que você deseja criar o aplicativo e execute o seguinte comando:

npm init next-app nextjs-blog --example "https://github.com/zeit/next-learn-starter/tree/master/learn-starter"

De baixo dos panos, isso usa a ferramenta chamada create-next-app, que inicia um aplicativo Next.js. para você. Ele usa esse modelo através do sinalizador --example.

Execute o servidor de desenvolvimento

Agora você tem um novo diretório chamado nextjs-blog. Vamos entrar nele:

cd nextjs-blog

Em seguida, execute o seguinte comando:

npm run dev

Isso inicia o "servidor de desenvolvimento" do aplicativo em Next.js. (mais sobre isso posteriormente) na porta 3000.

Vamos verificar se está funcionando. Abra http://localhost:3000 no seu navegador.

Pergunta: Que texto você vê na página?

• Welcome to Next.js!
• Hello Next.js!

← Pagina Inicial