Предварительный рендеринг нескольких страниц с одной HTML-страницы с использованием Nuxt.js

У меня есть предоставленный файл HTML с содержимым в отдельных тегах <section>.

Мне нужно предварительно преобразовать эти разделы в отдельные статические страницы во время сборки с помощью Nuxt (предпочтительно) или другого генератора.

Предоставленный HTML:

<html>
  <head>
    ...
  </head>
  <body>
    <header>...</header>
    <section id = "home">...</section>
    <section id = "features">...</section>
    <section id = "about">...</section>
    <section id = "contact">...</section>
    <footer>...</footer>
  </body>
</html>

Статические страницы для создания во время сборки:

index.html, features.html, about.html и contact.html

каждая страница содержит общий контент <head>, <header> и <footer>.

Как мне это сделать?

Для контекста: предоставленный HTML исходит от конструктора сайтов, поэтому я не могу контролировать вывод. Мне нужно создать отдельные статические страницы, потому что конечный сайт будет размещен на статическом хостинге, таком как S3.

🤔 А знаете ли вы, что...
HTML был создан Тимом Бернерсом-Ли в 1989 году.


690