Фрейморк NextJS как движок сайта

В давние времена, когда интернет только зарождался, сайты разрабатывались на чистом HTML. Это, однако, несколько неудобно. Поэтому появились специальные программы, написанные на одном из языков бэка (PHP, NodeJS и т.д.), упрощающие разработку сайта. Программа, поддерживающая работу сайта называется движком сайта.

Давайте обсудим, в чем проблемы сайтов на чистом HTML, как с этими проблемами помогают справиться движки и причем тут NextJS.

Пусть у вас есть многостраничный сайт на чистом HTML. На каждой странице сайта у вас будут одинаковые части (например, хедер, футер, сайдбары) и отличающиеся части (контент страницы, ее тайтл).

Пусть вам нужно внести некоторое изменение, скажем, в хедер сайта. В этом случае вам нужно внести правки во все файлы с этим хедером. Это, конечно же, не очень удобно.

Поэтому современные сайты и работают на движках. Движки используют специальный подход. Суть этого подхода заключается в том, что создается один файл с общим макетом сайта. Этот файл будет содержать общие части сайта.

В зависимости от запрошенного URL в специальное место макета будет вставляться контент сайта, соответствующий этому URL.

Помимо конента на странице обычно меняется и тайтл. При этом контент и тайтл вставляются в разные места макета. Это также обеспечивается движком сайта.

Если нам важно SEO, то для каждой страницы сайта у нас должно быть свое метаописание. Оно также должно вставляться в свое место макета.

Фрейморк NextJS работает описанным образом. То есть он является движком нашего сайта. Соответственно у нас где-то есть специальный файл, содержащий общий макет сайта. Его изучением мы и займемся в данном разделе учебника.