Бюджет: 15000 UAH Срок: 21 день
Привет, Юлия!
1. Как я реализую SSR / SSG?
🔹 Технологическая основа — Next.js 14 (app router или pages — на выбор)
Выберу оптимальный режим генерации для каждого типа страницы:
SSR (Server-Side Rendering)
Использую для страниц, которые должны всегда быть актуальными:
страница объекта (property page)
каталог (listings)
Реализация:
getServerSideProps() или fetch() в server components
получение данных из вашего API
возвращение сформированного HTML, который Google видит сразу
Google получает контент без JavaScript, а не пустой.
SSG (Static Site Generation)
Использую для:
главной
статей / FAQ
статических разделов
страниц районов (districts)
Реализация:
generateStaticParams() / getStaticProps()
пререндер HTML во время сборки
для обновления данных можно применить ISR.
ISR (Incremental Static Regeneration)
Для каталога недвижимости это идеально:
страница кэшируется
но автоматически обновляется раз в N секунд
нет большой нагрузки на API
Google получает актуальный HTML
SEO структура на каждой индексируемой странице:
✔ canonical
✔ hreflang: uk, ru, en
✔ структурированный
✔ текст, видимый без JS
✔ alt в изображениях
Карточки объектов (критическая часть)
Каждый объект будет иметь:
уникальный URL: /property/[slug] или /properties/[id]
SSR-рендер HTML с описанием
отдельную sitemap-ветку
schema.org (RealEstateListing)
OG/Twitter превью
CTA-блоки в HTML
alt-тексты в изображениях
скорость загрузки 90–100 (Lighthouse)
Sitemap / SEO файловая структура
Будут созданы:
/public/robots.txt
Автоматическая /sitemap.xml с подмапами:
/sitemap-properties.xml
/sitemap-districts.xml
/sitemap-static.xml
Ответы из чата GPT. Сейчас осваивать новые технологии намного легче. А главное - я гарантирую ответственное отношение к вашему проекту.
2. У меня хороший опыт с React, Next.js — это фреймворк на основе React, но я с ним не работал, но очень хочу, поэтому такая низкая цена.
3. Пример работы на React: https://familyoffer5.flclogin.com/
4. Три недели - 15000 грн