Интуитивный
Vue-фреймворк

app.vue
<script setup>
useSeoMeta({
  title: 'Знакомьтесь: Nuxt',
  description: 'Интуитивно понятный фреймворк Vue.'
})
</script>

<template>
  <div id="app">
    <AppHeader />
    <NuxtPage />
    <AppFooter />
  </div>
</template>

<style>
#app {
  background-color: #020420;
  color: #00DC82;
}
</style>

nuxt.config.tspages/index.vue
export default defineNuxtConfig({
  routeRules: {
    // Домашняя страница предварительно рендерится во время сборки
    '/': { prerender: true },
    // Страница продукта создается по требованию, перепроверяется в фоновом режиме
    '/products/**': { swr: true },
    // Запись в блоге создается по требованию один раз до следующего развертывания
    '/blog/**': { isr: true },
    // Панель управления отображается только на клиенте
    '/admin/**': { ssr: false },
    // Добавьте заголовки cors в маршруты API
    '/api/**': { cors: true },
    // Перенаправление устаревших адресов
    '/old-page': { redirect: '/new-page' }
  }
})