PHP vs JAM (Gatsby.js or Next.js) стэк, или что не так с SSG сайтами?

Question

[DrSerhii]

На днях мой заказчик спросил меня не хочу ли я сменить стэк технологий на его новом eCommerce проекте с PHP (не буду уточнять CMS и frameworks которые я использую) на NextJS с Vercel или Gatsby с Netlify, так как он успешно использует это на других своих проектах.
Мне конечно удалось отговорить его от смены технологий, но мне показались мои аргументы слегка надуманными так как я не имею опыта в создании SSG сайтов, а в интернете мне удалось нагуглить только много хорошего...

Давайте обсудим, действительно ли статические сайты так хороши как о них пишут и почему у Gatsby.js и Next.js по 50k звездочек на github

Пожалуйста, те кто имеют опыт с этими технологиями помогите мне ответить на следующие вопросы:

1) Действительно ли Gatsby.js и Next.js, подходит только для создания сайтов со статическим контентом (блогов и документаций)?
2) С какими трудностями можно столкнуться при создании eCommerce сайта на Gatsby.js или Next.js?
3) С какими трудностями можно столкнуться при создании большого сайта (допустим блога с около миллиона страниц) с использованием SSG?
4) Действительно ли JAM-стэк конкурент классической разработке сайтов на Laravel, Magento или WordPress?

Comments

[Михаил]

PHP: запрос > данные > шаблон > ответ
SSR: запрос > данные > шаблон > ответ
SSG: генерация .html файлов > запрос > ответ

+ SSR в том, что на 2й запрос вернутся только данные, т.к. шаблон уже есть на клиенте

[DrSerhii]

Михаил, Ох, спасибо, опечатка, сейчас поправлю свой вопрос...

И я так понимаю можно для ондного сайта комбенировать SSR и SSG подходы для разных страниц?
Но меня по большей части интересуют подводные камни использования подобного подхода...

[Михаил]

DrSerhii, ну SSG это чисто генерация уже готовых страниц
Допустим блог, 100 постов, и мы генерим для них 100 html страниц, обновляются они "раз в год", вот и нафиг нам создавать их при запросе если дешевле будет отдавать статику

SSR совершенно не отменяет бэкенда, server side rendering это "надстройка" над SPA приложением, чтоб его понимали поисковики, вот по сути расшифровка этого термина

Вам лучше сначало покопать тему SPA, и отличие SPA+REST от обычного php/laravel/whatever приложения

можно для ондного сайта комбенировать SSR и SSG подходы для разных страниц

да

Answer 1

[index0h]

1. Gatsby использует GraphQL для динамики, Next - для статических сайтов.
2. Для Gatsby вам прийдется побороть GraphQL (если вы не уровня Facebook - это плохая идея). Для Next - просто отдельно реализовать eCommerce проект.
3. Перекомпиляция и обновление данных.
4. Если фреймворк помогает в решении задач проекта - да. Но часто это обычный хайп.

Answer 2

[profesor08]

Если на сайте не динамического контента, который может меняться самостоятельно, то вполне себе можно просто сгенерировать все странички и перегенерировать их при необходимости. Но это подойдет разве что для лендингов. Если взять что-то сложнее, например блог, то очень быстро надоест после каждого добавления статьи генерировать все страницы. Терпимо, если раз в месяц, если чаще то уже не удобно. Если много страниц, то это дело будет занимать все больше и больше времени. Если их миллион, то все это дело может работать медленнее обычной cms, из-за IO операций.

1. нет, можно делать сайты любой сложности.
2. не надо будет подбивать html шаблоны под движок, между клиентом и сервером гоняются только данные, а не разметка. Тут разве что может возникнуть сложность из-за психологического барьера и нежелания что-то менять.
3. чуть выше написал, время, IO, лишний гемор и стресс.
4. это очень субъективно - кому что нравится.

Comments

[s5656]

1. нет, можно делать сайты любой сложности.

Интересно как вы реализуете фасетный поиск на статичных страницах, пусть даже с использованием сервисов сторонних.
И нет, я не про полумеры, типа выводим форму, а подгружаем все через аякс, в зависимости от фильтров, я про то что бы по конкретному URL'у выводился конкретный список (с учетом фильтров и пагинации).

[profesor08]

s5656, внимательнее надо читать вопрос, а потом ответ.

[s5656]

profesor08,

Изначальный вопрос про SSG:

1) Действительно ли Gatsby.js и Next.js, подходит только для создания сайтов со статическим контентом (блогов и документаций)?

1. нет, можно делать сайты любой сложности.

Интересно как вы реализуете фасетный поиск на статичных страницах

?

[profesor08]

s5656, читай внимательно, разжевывать мне лень

[s5656]

profesor08, а что тут разжевывать? Здесь нечего разжевывать, ибо нет речи про это. Ты безосновательно заявил, что на статике можно реализовать сайт любой сложности, я же спросил как можно реализовать сайт с нормальным фасетным поиском. Так что здесь разжевывать? Процитируй хотя бы то, где есть ответ на мой вопрос, а то дольше препираешься, чем потратил бы на цитирование того, что на твой взгляд является ответом на мой вопрос.

[profesor08]

s5656,

Ты безосновательно заявил, что на статике можно реализовать сайт любой сложности

нет, не заявлял.