Изучаю Vue, везде показывают SPA приложения. А мне нужен обычный многостраничный сайт - главная, о компании, услуги, контакты. Каждая страница с отдельным URL, чтобы SEO нормальное было.
Это вообще реально на Vue или он только для SPA? Может тогда лучше на чистом JS + какой нибудь шаблонизатор?
Vue отлично подходит для многостраничников. Два основных подхода:
1. Vue как библиотека (без сборщика)
Подключаешь Vue через CDN на каждую HTML-страницу и инициализируешь отдельные компоненты где нужно. Классический MPA, Vue только для интерактива.
<script src="https://unpkg.com/vue@3"></script>
<div id="app">{{ message }}</div>
<script>
const { createApp } = Vue
createApp({ data() { return { message: 'Hello' } } }).mount('#app')
</script>2. Nuxt.js с SSG/SSR
Это фреймворк поверх Vue. Делает статическую генерацию (SSG) или серверный рендер (SSR). Каждая страница - отдельный файл в папке /pages, роутинг автоматический. SEO идеальное потому что HTML рендерится на сервере.
Для корпоративного сайта на 5-10 страниц - бери Nuxt с nuxt generate. Получишь статику которую хоть на GitHub Pages выложи.
vue-router поддерживает history mode - урлы будут нормальные без решетки. /about, /contacts и так далее. Технически это все еще SPA, но для пользователя выглядит как обычный сайт.
Для SEO добавляешь prerender-spa-plugin в webpack - он при билде проходит по всем роутам и генерирует статический HTML для каждой страницы. Поисковики его нормально индексируют.
Слушай, для сайта-визитки на 5 страниц Vue это оверкилл. Серьезно.
Возьми Astro или вообще 11ty (Eleventy). Они заточены именно под статические многостраничники. Пишешь на чем хочешь - хоть markdown, хоть html - получаешь ультрабыстрый статический сайт с идеальным SEO из коробки.
Vue/React/Angular - это для веб-приложений с кучей интерактива. Для корпоративного сайта они избыточны.
Если уже начал учить Vue - не бросай, пригодится. Но конкретно для твоей задачи посмотри на Vitepress (от создателей Vue). Это генератор статических сайтов, очень простой. Документация Vue сама на нем сделана.
Пишешь страницы в markdown, он генерит статику. Когда нужен интерактив - вставляешь Vue компоненты прямо в markdown.
Не понимаю зачем люди усложняют. Сделай на PHP + Bootstrap, это вообще классика для корпоративных сайтов. Работает везде, хостинг копейки, SEO без танцев с бубном.
Все эти ваши SPA SSR SSG - мода на пустом месте. Через 5 лет опять что то новое придумают.
nuxt 3 топ, юзаю на всех проектах. nuxi init и поехал, там все из коробки. роутинг автоматом по файлам в pages, seo метатеги через useSeoMeta, картинки оптимизирует сам
доку почитай - https://nuxt.com/docs
Nuxt это то что нужно, спасибо! Пойду разбираться