Проблема СЕО-а и фрејмворк NextJS

Када развијамо веб сајт, важно је да разумемо, да ли ћемо промовисати тај сајт у претраживачима. Под претраживачима се подразумевају специјализовани сајтови попут Google-а или Yandex-а, у којима корисник тражи потребне му информације.

Ако ће се наш сајт појављивати на првим позицијама за одређени упит, то ће му обезбедити континуирани проток посетилаца. И за те посетиоце нам ништа неће требати да плаћамо, за разлику од посетилаца, који долазе са реклама.

И овде нас чека проблем: сајтови, развијени на React-у, неће бити промовисани у претраживачима. Ствар је у томе што се садржај страница таквог сајта генерише динамички у претраживачу преко JavaScript-а. Претраживачи за сада не умеју да обрађују такве странице. Сходно томе такав сајт неће моћи потпуно да се појављује у резултатима претраге.

Да би претраживачи могли у потпуности да раде са нашим сајтом, текстови његових страница морају бити креирани на страни сервера и послати у претраживач у облику готовог HTML кода.

Овај проблем и решава фрејмворк NextJS. Он омогућава писање JSX кода на серверској страни. Сервер конвертује тај JSX у нормалан HTML и шаље га претраживачу. На тај начин на клијентску страну ће бити послат HTML код, неопходан за коректан рад претраживача са нашим сајтом.

Како се то тачно ради, и учићемо у оквиру овог туторијала.

Треба рећи да претраживачи већ уче да препознају генерисани JavaScript-ом садржај. Када у потпуности науче да то раде, цео развој веб сајтова ће се променити из корена. И фрејмворци попут NextJS-а или неће бити потребни уопште, или ће постати сасвим други по својим принципима.

Дакле, идемо:)