Какие преимущества дает связка wordpress сайта с react?

Question

[MRcracker]

Нашел несколько уроков как создать шаблон сайта wordpress при помощи react и несколько уроков как добавить в проект gatsby.

Скажите какие преимущества для сайта на wordpress или любой cms это дает? Правильно ли я понимаю, что в таком случае весь сайт будет не mpa, а spa, что позволит ему моментально грузиться, но мы отключим в таком случае весь функционал wordpress и будем использовать его при помощи api просто как консоль для добавления информации в проект?

Правильно ли я понял, что в таком случае мне нужно будет подключить noSql базу данных или все также можно с mysql связать?

И еще правильно ли я понял, что gatsby генератор статических сайтов и при его использовании все будет быстро работать тк будет отдаваться html файл на клиенте, но в таком случае я не смогу использовать php и функции wordpress, например, комментарии на странице?

Всем спасибо за ответы))

Comments

[Александр]

Не обязательно будет spa. React компоненты можно для компонентов использовать: калькулятор цен, динамические формы, поапы, фильтры с колдунством, и т.д.
Правда, нужно учитывать, что такие свистоперделки поисковой машиной могут и не проиндексироваться без ssr.

[MRcracker]

Александр, а какие варианты статичные генераторы сделать с админкой для пользователей?

[Александр]

MRcracker, при описанном подходе достаточно взять за правило, что в react компонентах не будет индексируемой информации.

[MRcracker]

Александр, а зачем тогда люди делают сайты на reacte если они не индексируются? вы же говорите именно об этом.

А еще стоит обратить ваше внимание на то, что я указывал генератор gatsby. Он на выходе выдает html файл на сколько мне известно и поэтому проблем с индексацией не должно быть никаких тк поисковик видит html

[Александр]

MRcracker, еще раз обратите внимание на мой первый комментарий, а затем прочитайте про ssr и prerendering. В чем разница, можете прочитать здесь.
По сути gatsby — решения для ssr. Зачем его лепить поверх Wordpress тоже не понятно.

[MRcracker]

Александр, админка чтобы была. Я может ошибаюсь и у gatsby своя есть? Из бесплатных вариантов админок

Answer 1

[Иван Ганев]

Во первых, Gatsby это SSG, он генерирует статичные сайты, а еще умеет генерировать PWA (сам гэтсби, к слову, именно так себя позиционирует, как PWA генератор). Это не SPA.

На счет вордпресс вы правильно поняли - его можно использовать с гэтсби в качестве CMS. Никакого отношения к логике самого сайта, при этом, вордпресс иметь не будет, это будет просто именно интерфейс для работы с контентом. Вообще есть множество CMS нацеленных специально для работы со статичными генераторами сайтов, вот хороший список: https://headlesscms.org/

На счет баз данных. Внутри гэтсби для работы с данными встроен GraphiQL, он работает из коробки. При этом источниками инфы может быть что угодно, это могут быть и внутренние файлы (популярно использование markdown файлов для постов в блоге, но вообще можно хоть json или csv использовать), и какие либо API (тот же вордпресс).

На счет скорости работы - это, на самом деле, комплексный вопрос. Но да, гэтсби обычно заметно быстрее, при чем дело не только в том что в итоге юзер получает статичный сайт, но и во встроенных в гэтсби инструментах оптимизации, к примеру там есть очень крутые инструменты для оптимизации показа картинок.

На счет комментариев. Можно пользоваться сервисами для комментариев, есть попсовый https://disqus.com/ или есть опенсорсная платформа для комментариев https://commento.io/.

Вообще я часто вижу что и сайты на вордпресе все равно использую тот же дискус.

Answer 2

[Павел Диденко]

Дает лишние заморочки и профита особо не будет. Стоимость коммерческая сайта вырастет очень сильно, а пользы будет немного. Забей и не заморачивайся

Comments

[MRcracker]

Если смысла нет, то зачем тогда очень часто стали требовать данные фрейворки, да и вообще появились технологии, которые позволяют сделать такое?

Касательно бюджета, то есть проекты где важно качество, а не стоимость

[Swartex]

попробовал пару раз связать react/vue с WP - все равно что скрещивать ужа и ежа. То есть проблем было больше чем профита

но коль вы хотите извращений, то WP используйте в качестве бэкенда, а фронт пусть забирает даные по апи

[Павел Диденко]

MRcracker, где вы видели требования, в которых вам говорят, "запилите мне фронт на реакте, бэк на вп + SSR"? Если и существует пара извращенцев, это не значит, что это востребовано и обязательно нужно это знать.

[MRcracker]

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

[Павел Диденко]

MRcracker, делать, как это сделали бы 99.99% разработчиков - JQuery или нативный JS. У ВП весь функционал на JQuery написан, юзайте его, не прогадаете. Если не знаете и не хотите учить JQuery - то чистый JS, все просто

[MRcracker]

Павел Диденко, в вп далеко не весь функционал на jq написан на сколько мне известно и там вроде даже react применяется или хотели его добавить, точно не знаю тк не интересовался.

99% это вы сами придумали? Сейчас многие spa не пытаются даже для сайтов применять. Зачем? Если есть jq, но цели у всех разные.

А то что пытаюсь с вп соединить так это потому что у него самая удобная консоль для менеджеров как показывает практика, хотя если есть системы, то и их готов рассматривать, но пока не смог нагуглить что-то подобное

[Павел Диденко]

MRcracker, react в вп используется только для гутенберга, насколько мне известно. Вы можете хоть сейчас впендюрить реакт в свой проект на вп, но без SSR это не имеет смысла, если только вам таким образом проще разрабатывать, чем на чистом JS и наличие исходного html кода не важно.

Но если вам нужен SSR, то это сильно усложняет задачу и профит от такого будет только в 2х случаях:
1) Вы пилите учебный проект
2) Вы сидите на зп и у работодателя дофига денег, раз он хочет пилить что-то скрестив вп и реакт.

Но обычно, проекты на вп - низкобюджетные. И именно поэтому нет смысла их скрещивать - это как минимум дорого. Представьте вы хотите заняться бизнесом и вам нужен сайт. Вася сделает вам сайт на WP и JQuery за 70к, а Петя за 300к на вп + реакт. Что вы выберете?

[MRcracker]

Павел Диденко, я выберу тот у которого будет выше скорость)) да не надо ничего по сути может и скрещивать. Вы подскажите тогда админку для gatsby, а вообще, я просто очень часто вижу сайты на gatsby + bitrix сейчас. Не знаю почему так и для чего это сделано.

Вот я и посмотрел как альтернативу - связку его с wordpress и наткнулся еще на статью, где говорилось о том, что вп популярный и что их связать можно упоминалось.

Я и задал вопрос. Задача у меня простая. Сделать сайт по принципу spa и добавить к нему админку, чтобы у более менее большого проекта была возможность писать статьи менеджерам и чтобы сайт грузился очень быстро тк это влияет на качество проекта. Я смотрел hugo или джекилл и там проблемы с админками тоже и серверной части нет как я понял))))

[Павел Диденко]

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

Интерпретатор вам судья

[MRcracker]

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

Хотел бы скорость, то не делал бы вообще ничего и поставил готовый шаблон за 5 баксов или написал на элементоре.

Касательно вашего примера с Васей, то вот не факт что было бы так дешево как вы говорите. Вася бы взял бы не мало, а еще пришлось бы плагины кеширования ставить, что стоит тоже денег тк бесплатные плагины не все хорошо работают))))

И еще, не забывайте о работе сайта без перезагрузки страниц. Этого без реакта и ему подобных на сколько я знаю просто не сделать))

[Павел Диденко]

А кто вам сказал, что сайт на ВП у Васи будет некачественным? Вы описываете банальную функциональность, для которой хотите извратиться.
Да, за кеширование надо платить, и еще за пару плагинов. Ну выйдет разработка на 80-85к с учетом плагинов. Но это будет отличное решение - недорого, качественно и быстро.
То что пилится на JS либах решает проблемы большого бизнеса, логика которого построена на куче микросервисов, которые пилятся на всяких явах, питонах и php фреймворках, но никак не на WP