Budżet: 15000 UAH Termin: 21 dni
Cześć, Julia!
1. Jak zrealizuję SSR / SSG?
🔹 Podstawa technologiczna — Next.js 14 (router aplikacji lub strony — do wyboru)
Wybiorę optymalny tryb generacji dla każdego typu strony:
SSR (Renderowanie po stronie serwera)
Użyję dla stron, które zawsze muszą być aktualne:
strona obiektu (strona nieruchomości)
katalog (oferty)
Realizacja:
getServerSideProps() lub fetch() w komponentach serwera
uzyskiwanie danych z twojego API
zwracanie wygenerowanego HTML, który Google widzi od razu
Google otrzymuje treść bez JavaScript, a nie pustą.
SSG (Generacja statycznych stron)
Użyję dla:
strony głównej
artykułów / FAQ
statycznych sekcji
stron dzielnic (dzielnice)
Realizacja:
generateStaticParams() / getStaticProps()
prerender HTML podczas budowy
do aktualizacji danych można zastosować ISR.
ISR (Inkrementalna regeneracja statyczna)
Dla katalogu nieruchomości to idealne:
strona jest buforowana
ale automatycznie aktualizowana co N sekund
nie ma dużego obciążenia dla API
Google otrzymuje aktualny HTML
Struktura SEO na każdej indeksowanej stronie:
✔ canonical
✔ hreflang: uk, ru, en
✔ strukturalny
✔ tekst widoczny bez JS
✔ alt w obrazach
Karty obiektów (krytyczna część)
Każdy obiekt będzie miał:
unikalny URL: /property/[slug] lub /properties/[id]
SSR-render HTML z opisem
oddzielną gałąź sitemap
schema.org (RealEstateListing)
OG/Twitter podgląd
bloki CTA w HTML
teksty alt w obrazach
prędkość ładowania 90–100 (Lighthouse)
Sitemap / struktura plików SEO
Zostaną stworzone:
/public/robots.txt
Automatyczna /sitemap.xml z podmapami:
/sitemap-properties.xml
/sitemap-districts.xml
/sitemap-static.xml
Odpowiedzi z czatu GPT. Teraz nauka nowych technologii jest znacznie łatwiejsza. A co najważniejsze - gwarantuję odpowiedzialne podejście do twojego projektu.
2. Mam dobre doświadczenie z React, Next.js — to framework oparty na React, ale nie pracowałem z nim, ale bardzo chcę, dlatego taka niska cena.
3. Przykład pracy na React: https://familyoffer5.flclogin.com/
4. Trzy tygodnie - 15000 zł