Framework NextJS como motor do site

Nos tempos antigos, quando a internet estava apenas começando, os sites eram desenvolvidos em HTML puro. Isso, no entanto, é um tanto inconveniente. Por isso, surgiram programas especiais, escritos em uma das linguagens de back-end (PHP, NodeJS, etc.), que simplificavam o desenvolvimento do site. O programa que suporta o funcionamento do site é chamado de motor do site.

Vamos discutir quais são os problemas dos sites em HTML puro, como os motores ajudam a lidar com esses problemas e o que o NextJS tem a ver com isso.

Suponha que você tenha um site com várias páginas em HTML puro. Em cada página do site, você terá partes idênticas (por exemplo, cabeçalho, rodapé, barras laterais) e partes diferentes (o conteúdo da página, seu título).

Suponha que você precise fazer alguma alteração, digamos, no cabeçalho do site. Nesse caso, você precisa fazer edições em todos os arquivos que contêm esse cabeçalho. Isso, é claro, não é muito conveniente.

Por isso, os sites modernos funcionam com motores. Os motores usam uma abordagem especial. A essência dessa abordagem é a criação de um arquivo com o layout geral do site. Este arquivo conterá as partes comuns do site.

Dependendo do URL solicitado, o conteúdo do site correspondente a esse URL será inserido em um local específico do layout.

Além do conteúdo, o título da página geralmente também muda. Além disso, o conteúdo e o título são inseridos em lugares diferentes do layout. Isso também é garantido pelo motor do site.

Se nos importamos com SEO, então para cada página do site devemos ter nossa própria meta descrição. Ela também deve ser inserida em seu próprio lugar no layout.

O framework NextJS funciona da maneira descrita. Ou seja, ele é o motor do nosso site. Consequentemente, temos em algum lugar um arquivo especial contendo o layout geral do site. Seu estudo é o que faremos nesta seção do tutorial.