Простое приложение, которое показывает страницы в зависимости от API, созданного с использованием статической структуры сайта
Я создал проект с React, но теперь думаю о SEO
Мой проект очень простой, хотя он показывает 3D-модели с использованием React Three Fiber.
Но он также показывает страницы, которые определяются в зависимости от некоторых видео, полученных от Vimeo (с использованием API), что делает сайт немного динамичным, поскольку мы заранее не знаем, какие страницы будут показаны.
Вопрос в том, можно ли успешно создать этот сайт с помощью Gatsby в качестве Static Sites Framework, или мне нужно использовать SSR Framework, например Vercel Next, из-за страниц, которые будут генерироваться из API.
Я просто хочу знать, можно ли успешно построить мой проект с помощью Gatsby, зная, что это немного динамично, поскольку есть страницы, которые отображаются в зависимости от поиска в Vimeo API. Но проект работает с React и Gatsby, я это уже делал (работает с npm run dev/start, на облачном хостинге не проверял). Не знаю, раздвигаю ли я здесь границы
Ответы 1
Да, Гэтсби - хорошее решение. Если вы понимаете, что в будущем вам, возможно, потребуется пересоздать приложение немного больше, чем вам удобно, вы можете перезагрузить браузер на стороне пользователя, чтобы запрашивать данные, которые вы получаете от API. Это сохраняет преимущества SSG (скорость, надежность и SEO), но добавляет вашему приложению некоторую гибкость и динамичность. Вы можете настроить его с помощью документов Gatsby (которые отлично подходят для любых проблем, которые могут возникнуть у вас с Gatsby в будущем). Дополнительная информация ниже: https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr
Похоже, вы смешиваете варианты использования SSR и SSG. Все, что отображается на стороне сервера, будет хорошо с точки зрения SEO, поскольку сервер генерирует все (или большинство вещей), необходимое, и отправляет в основном только HTML, а не весь Javascript для рендеринга и запуска приложения CSR. Вы используете Гэтсби в настоящее время? Если да, то Гэтсби в порядке с SEO. Проверьте это для получения дополнительной информации: gatsbyjs.com/docs/how-to/adding-common-features/seo