Бюджет: 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 під час build
для оновлення даних можна застосувати 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 preview
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 грн