Next.js SSR / SSG - виправлення SEO-архітектури сайту нерухомості

Добрий день! Я Full-Stack JavaScript-розробник (React / Next.js) з практичним досвідом перенесення SPA-проєктів на SSR/SSG, оптимізації Core Web Vitals та технічного SEO для маркетплейсів і сайтів-каталогів.

Як я реалізую SSR / SSG?
• Переношу код finder-egypt.com на Next.js 14 (App Router).
• Типи сторінок:
 – головна, райони, каталог – SSG + ISR (on-demand revalidate, щоб оновлювати пропозиції без повного білда).
 – картка об’єкта – SSG із getStaticPaths (URL на основі slug/ID) і getStaticProps (дані нерухомості).
 – статті / FAQ – SSG (Markdown або CMS-API).
• Весь HTML формується на сервері / під час білда, тому Google бачить контент без JS.
… • SEO-head через next/head: , , canonical, hreflang (uk | ru | en).
• Sitemap і robots.txt створю через next-sitemap; включаю всі картки, ISR-онлайн-оновлення.
• Зображення через next/image (alt, lazy loading), 1 на сторінку.
• Міжнародизація: Next i18n routing / піддомен чи /uk-/ru-/en-префікси (за вашим вибором).

Чи є досвід з Next.js + SEO?
Так, останні 3 роки:
• Realty Portal – міграція з Vue-SPA на Next SSR, +65 % органічного трафіку за 4 міс.
• e-store EU – SSG каталог на ~60 000 товарів із ISR та багатомовністю (DE/EN/FR).
• law-blog – SSG-блог + ISR, PageSpeed Desktop 98/100.
(Додаткові посилання можу надати приватно.)

Терміни та бюджет
• Огляд коду SPA і API – 0,5 дня
• Базова міграція на Next.js (layout, навігація, i18n) – 3 дні
• Каталог, райони, статті – 3 дні
• Картка об’єкта (SSG + динамічні маршрути, зображення, CTA) – 2 дні
• SEO-база: sitemap, robots, canonical, hreflang – 1 день
• Тестування Googlebot (fetch + render), Lighthouse, деплой – 1 день

Разом ≈ 10 робочих днів (2 тижні з запасом під ревізії).
Бюджет: від 45 000 грн залежить від стану поточного API й обсягу додаткових правок у верстці.

Готовий обговорити деталі та показати демо-підхід на одній тестовій сторінці ще до старту. Дякую за увагу і сподіваюся співпрацювати!

З повагою,
Роман

Вітаю!

Ознайомився з сайтом finder-egypt.com та ТЗ. Задачу розумію як суто технічну — зараз сайт працює як SPA, через що Google не отримує готовий HTML з контентом.

Планую реалізацію на Next.js з коректним вибором рендерингу:
- картки об’єктів — SSR або ISR (повний HTML з сервера: title, description, H1, текст, зображення з alt, CTA);
- каталог та райони — SSG / ISR;
- головна, статті, FAQ — SSG або ISR залежно від частоти оновлень.

… Також буде реалізовано базову технічну SEO-інфраструктуру: sitemap.xml (включно з об’єктами), robots.txt, canonical, hreflang (uk/ru/en), 1 H1 на сторінку. Контент буде видимий без виконання JavaScript (перевірка через View Source).
Пропоную почати з короткого технічного аудиту (0.5–1 день), щоб коректно оцінити джерело даних, структуру SPA та підтвердити фінальний обсяг робіт.
Готовий обговорити деталі.

Вітаю. Ознайомився з описом задачі та вимогами. Нижче — відповіді по пунктах.

Як я реалізую SSR / SSG

Проєкт переводжу на Next.js з коректним вибором режиму рендерингу під тип сторінки:

SSG + ISR — для статичних сторінок (головна, райони, статті, FAQ).

SSR — для каталогу та карток об’єктів з динамічними даними.
…
Для кожної індексованої сторінки формується готовий HTML на сервері, доступний у view-source без виконання JavaScript.

Дані підтягуються через getStaticProps / getStaticPaths / getServerSideProps з існуючого API або бекенду.

Контент (title, meta description, h1, текст, зображення з alt, CTA) рендериться сервером.

Досвід з Next.js + SEO

Так, маю практичний досвід:

побудова SSR/SSG-проєктів на Next.js для сайтів із каталогами та картками товарів/об’єктів;

коректна SEO-база: Head, canonical, sitemap, robots, hreflang;

перевірка індексації через view-source, Google Rich Results Test, Search Console;

оптимізація швидкості та crawl budget.

SEO-база (реалізація)

robots.txt

sitemap.xml (включно з усіма об’єктами)

canonical

hreflang (uk / ru / en)

1 H1 на сторінку

унікальні SEO-мета для карток об’єктів

коректні URL без SPA-пасток

Картка об’єкта (критично)

Для кожного об’єкта:

унікальний SEO-URL

повний HTML:

title / description

h1

текст

зображення з alt

CTA

сторінка повністю індексується без JS

Приклади проєктів

Останій мій проєкт на next.js getmon.vercel.app

Терміни

Орієнтовно:

аналіз поточного SPA + API: 1–2 дні

реалізація SSR/SSG структури сторінок: 5–7 днів

SEO-база + sitemap + тестування індексації: 2–3 дні

Загалом: 8–12 робочих днів.

Бюджет

Оцінка: 40–60 годин → 800–1200 USD.
Точну оцінку підтверджу після швидкого аудиту поточного коду та API.

Вітаю
готов реалізувати перехід із SPA на Серверний рендеринг
Як ви реалізуєте SSR / SSG?
тільки app router, якщо сторінка має підтягнути дані з бази, це буде ssr, головне витягувати дані до рендерингу. SSG автоматично сгенерується при білді

Чи є у вас досвід з Next.js + SEO?
так, є досвід, на двох проектах
Приклади проєктів (за наявності)
тільки в приватні
… Терміни та бюджет
треба побачити проект.
але приблизно 3 тижні, 15$/h

Вітаю, Юліє.

На чому зараз ваш сайт?
Зможете будь ласка відповісти в особисті, буду чекати.

Привіт.
Я розумію завдання як суто технічну міграцію з клієнтського SPA на архітектуру SSR/SSG на основі Next.js, щоб Google отримував повністю відображений HTML з усіма необхідними SEO-елементами, не покладаючись на виконання JavaScript. Я б реалізував Next.js, використовуючи поєднання SSG/ISR для статичних розділів (основний, райони, статті/FAQ) та SSR або ISR для динамічних сторінок, таких як каталог нерухомості та картки нерухомості, гарантуючи, що кожна URL-адреса повертає повний HTML з належними метатегами, H1, контентом, зображеннями з alt, канонічними тегами, hreflang, картою сайту та robots.txt. Я маю практичний досвід реалізації проектів Next.js з високими вимогами SEO, включаючи великі каталоги та сторінки з детальною інформацією, індексовані через SSR/SSG, і можу надати приклади та пояснити точну стратегію відображення для кожного типу сторінки. Орієнтовний термін виконання – 3-4 тижні, бюджет обговорюється після огляду джерел даних та поточної структури SPA, зосереджуючись на чистому, зручному в обслуговуванні, готовому до роботи рішенні, а не на скорочених шляхах.

Добрий день.
Це не проблема реалізувати, але треба мати файли девелопмент середовища якщо просто пояснити. Тобто не білд.
Пишіть в особисті, обговоримо.
Щодо бюджету то пишіть,. обговоримо.

Вітаю.
Зацікавив ваш проєкт. Маю досвід роботи з Next.js, а також з проєктами, орієнтованими на SEO та індексацію (SSR / SSG). Реалізовував статичну генерацію сторінок у Next.js, де контент віддавався готовим HTML, а також автоматично генерувалися sitemap.xml та robots.txt.Є практичний досвід роботи з Next.js + SEO. Терміни та бюджет пропоную обговорити після короткого технічного уточнення.

Готовий обговорити проєкт та почати роботу. Буду вдячний за співпрацю.

Можу переробити finder-egypt.com з SPA на Next.js SSR/SSG/ISR, щоб Google отримував готовий HTML з усім контентом (title/description/h1/текст/alt/CTA) без виконання JS.

Як реалізую SSR / SSG:
Переношу проєкт на Next.js (пріоритетно SSR + ISR): сторінки рендеряться на сервері, а для “карток об’єкта” — ISR з автооновленням.
Налаштую динамічні маршрути для об’єктів/районів/статей з унікальними URL.
Зроблю серверну генерацію meta (title/description), canonical, hreflang (uk/ru/en), 1 H1 на сторінку.
Додам sitemap.xml з об’єктами, robots.txt, перевірю “view source” та індексацію.
Досвід Next.js + SEO
Так, є досвід технічного SEO: SSR/SSG/ISR, правильні мета-теги, sitemap/robots/canonical/hreflang, оптимізація швидкості та індексації.
…
На виході
Доступ до проєкту, sitemap/robots, приклади сторінок (“view source”), інструкція деплою (за потреби).
У мене залишилось кілька питань по джерелу даних (API/CRM) і мовах/URL-структурі, давайте обговоримо їх в особистих повідомленнях.