Strona na Astro Js + Strapi
Dzień dobry, szanowni freelancerzy.
Opisuję bieżące zadanie w jednym z projektów. Proszę o podanie terminów i kosztów, a także o wskazanie podobnych zakończonych projektów.
Wymagana jest разработка сайта на Astro.
1. Bieżąca wersja: na Gatsby ([getresidency.eu](https://getresidency.eu/)). Są źródła.
Design: Figma ([link do makiety](https://www.figma.com/design/uqst0m5S5LQ0522MYjEaUM/GetResidency?node-id=64-224553&p=f))
2. Stos technologiczny
**Frontend:**
- Astro.js (najbardziej stabilna wersja)
- CSS/SCSS lub Tailwind CSS
- Responsywne układanie (Mobile First)
**Backend (CMS):**
- Strapi (headless CMS)
- Baza danych: PostgreSQL lub MySQL
- REST API do komunikacji z frontendem
**Dodatkowo:**
- Wielojęzyczność (RU, EN)
- SEO-optymalizacja
- Integracja formularzy kontaktowych
---
3. Struktura strony
#### Główne strony:
1. **Strona główna**
- Sekcja Hero z główną ofertą
- O firmie (krótkie opisanie)
- Blok "Obywatelstwo i WNŻ"
- Blok "Rejestracja biznesu" (karty krajów)
- Formularz wniosku o wycenę
- Zalety firmy (4 bloki)
- Najnowsze wiadomości z bloga (3 wpisy)
- Opinie klientów (slider)
- Formularz subskrypcji newslettera
2. **Obywatelstwo i WNŻ** (`/residency/`)
- Opis usług
- Lista krajów z programami
- Warunki uzyskania
3. **Rejestracja biznesu** (`/business-registration/`)
- Przegląd usług
- Karty krajów (Holandia, Portugalia, Węgry, Łotwa i inne)
- Opis procesu rejestracji
- Pakiety usług
4. **Strony poszczególnych krajów** (dynamiczne)
- Szczegółowe informacje o rejestracji biznesu
- Wymagania i dokumenty
- Terminy i koszty
- Formularz wniosku
5. **Blog** (`/blog/`)
- Lista artykułów z paginacją
- Filtrowanie według kategorii
- Strona pojedynczego artykułu
6. **Ceny** (`/price/`)
- Cennik usług
- Tabela porównawcza
7. **Kontakty** (`/contacts/`)
- Informacje kontaktowe
- Formularz kontaktowy
- Mapa (opcjonalnie)
8. **Opinie** (`/reviews/`)
- Lista opinii klientów
9. **Umowa użytkownika** (`/privacy-policy/`)
---
4. Wymagania funkcjonalne
#### Frontend (Astro.js):
- ✅ Statyczna generacja stron (SSG) dla maksymalnej wydajności
- ✅ Responsywny design (desktop, tablet, urządzenia mobilne)
- ✅ Płynne animacje i przejścia
- ✅ Lazy loading obrazów
- ✅ Integracja z designem Figma (pixel-perfect układ)
- ✅ SEO-meta tagi, Open Graph, Schema.org markup
- ✅ Sitemap.xml i robots.txt
- ✅ Szybkie ładowanie (Google PageSpeed >90)
#### Backend (Strapi):
- ✅ Konfiguracja panelu administratora
- ✅ Tworzenie kolekcji treści:
- Kraje (nazwa, flaga, opis, cena, wymagania)
- Artykuły blogowe (tytuł, tekst, obraz, kategoria, data)
- Opinie (imię, tekst, ocena, zdjęcie)
- Usługi (nazwa, opis, koszt)
- Ustawienia strony (kontakty, media społecznościowe)
- ✅ Biblioteka mediów do przesyłania obrazów
- ✅ Role i uprawnienia administratora
- ✅ API endpoints do pobierania danych
#### Formularze:
- Formularz wniosku o wycenę
- Formularz kontaktowy na stronie kontaktów
- Formularz subskrypcji newslettera
- Przetwarzanie i walidacja danych
- Wysyłanie powiadomień na email
---
5. Design i UX
- Podążać za makietami Figma
- Używać firmowych kolorów i czcionek
- Flagi krajów w formacie SVG
- Ikony (używać gotowych bibliotek)
- Slidery dla opinii i wiadomości
- Efekty hover na przyciskach i kartach
- Płynne przewijanie do sekcji
---
6. Wymagania techniczne
**Wydajność:**
- Optymalizacja obrazów (WebP, AVIF)
- Minifikacja CSS/JS
- Cache'owanie statycznych zasobów
- CDN dla plików multimedialnych (opcjonalnie)
**Bezpieczeństwo:**
- HTTPS
- Ochrona formularzy przed spamem (reCAPTCHA lub hCaptcha)
- Sanitizacja danych użytkowników
- Ograniczenie liczby zapytań do API
**SEO:**
- Semantyczna HTML-markup
- Konfiguracja meta-tagów dla każdej strony
- Alternatywne teksty dla obrazów
- Strukturalne dane (JSON-LD)
---
7. Integracje
- Email marketing (opcjonalnie: MailChimp, SendGrid)
- Google Analytics
- Komunikatory (przyciski WhatsApp, Telegram)
- Media społecznościowe (linki w stopce)
---
8. Wymagania dotyczące wdrożenia
**Hosting:**
- Frontend: Cloudflare, Vercel, Netlify itp.
- Backend (Strapi) + bazy danych: własny serwer
---
9. Dokumentacja
Proszę o dostarczenie:
- Instrukcji obsługi panelu administracyjnego Strapi
- Dokumentacji dotyczącej konfiguracji środowiska
- Przewodnika po wdrożeniu i aktualizacjach
---
10. Budżet
Proszę o podanie przewidywanych terminów i kosztów
11. Kryteria akceptacji
✅ Strona w pełni odpowiada designowi Figma
✅ Wszystkie strony są responsywne i poprawnie wyświetlają się na wszystkich urządzeniach
✅ Formularze działają poprawnie, wysyłają dane na email
✅ CMS Strapi jest skonfigurowany, możliwość edytowania treści
✅ SEO-optymalizacja została wykonana (meta-tag, sitemap)
✅ Google PageSpeed Score > 90 na urządzeniach mobilnych i desktopowych
✅ Dokumentacja została dostarczona
-
Witam!
Mogę zrobić na Astro+Sanity.
Jeśli potrzebujesz szczegółów lub przykładów - napisz do mnie.
-
Opracowanie strony internetowej na bazie Astro.js i Strapi pozwoli stworzyć elastyczny i wydajny zasób internetowy. Z potężnym doświadczeniem w responsywnej szacie graficznej i konfiguracji systemów CMS, mogę przenieść Twoją stronę z Gatsby, zapewniając bezbłędną integrację z Figma. Zwracam uwagę na optymalizację SEO, ponieważ to klucz do przewagi konkurencyjnej. Moja umiejętność szybkiego przyswajania nowoczesnych technologii gwarantuje, że Twój projekt będzie spełniał najwyższe standardy. Gotowa do współpracy, aby przewyższyć Twoje oczekiwania i stworzyć niezrównany rezultat.
-
556 1 0 Dzień dobry!
Mogę zająć się opracowaniem strony internetowej na Astro.js + Strapi zgodnie z Państwa makietą Figma oraz wszystkimi wymaganiami technicznymi. Przejrzałam Państwa makietę oraz aktualną stronę na Gatsby i widzę, że projekt obejmuje statyczne generowanie stron, responsywny design, integrację formularzy, SEO oraz wielojęzyczność — wszystko to można zrealizować na nowoczesnym stosie Astro + Strapi.
Proponuję realizację na najnowszej stabilnej wersji Astro.js z Tailwind CSS dla szybkiego i czystego kodowania, podejściem mobile-first oraz pixel-perfect integracją designu Figma. Backend zrealizuję na Strapi z bazą PostgreSQL, tworzę kolekcje treści dla krajów, artykułów blogowych, recenzji, usług oraz ustawień strony, z biblioteką mediów, rolami i prawami dostępu. Punkty końcowe API będą gotowe dla frontendu, formularze — z walidacją, wysyłką na email oraz ochroną przed spamem.
Terminy: około 5–6 tygodni na pełne uruchomienie strony, w tym responsywne kodowanie, integrację Strapi, optymalizację SEO oraz testowanie na różnych urządzeniach.
Budżet: od 45 000 zł, ostateczna kwota zależy od liczby dynamicznych stron, złożoności wielojęzyczności oraz integracji.
Po zakończeniu przekazuję pełny kod strony, skonfigurowane CMS, dokumentację dotyczącą wdrożenia oraz pracy z panelem administracyjnym. Jestem gotowa omówić szczegóły integracji (newsletter, Google Analytics, komunikatory), aby strona była całkowicie gotowa do pracy i spełniała Państwa kryteria akceptacji.
-
236 Dzień dobry!!!! Rozumiem, czego potrzebujesz! Jestem gotów dzisiaj rozpocząć. I rano wyślę Ci początek mojej pracy. Dlaczego to robię. Choć jestem początkujący, rozumiem, jak to zrobić.
-
95644 1272 1 10 Witam. Pracuję z React/Node.js od ponad 8 lat. Jestem gotów zrealizować projekt w Astro lub Next.js.
-
7672 16 0 1 Witam.
Zapoznałem się z zadaniem.
Stworzę wysokiej jakości stronę internetową z czystym, zoptymalizowanym kodem i nowoczesnym designem.
Napisz, omówimy szczegóły projektu!
----------------------------------
Prywatny deweloper stron internetowych. Doświadczenie – 10 lat.
Design, kodowanie, rozwój stron Wordpress.
-
4873 107 0 Cześć, Михайло!
W sprawie twojego projektu opartego na Astro Js i Strapi, mam doświadczenie w pracy z obiema technologiami i jestem gotów zrealizować twój pomysł. Będę w stanie stworzyć stronę z wszystkimi niezbędnymi funkcjonalnościami, które obejmują administrację stronami i zarządzanie treścią przez Strapi. Oferuję również pomoc i wsparcie przez miesiąc. W razie potrzeby nagram instrukcję wideo, która wyjaśni, jak pracować ze stroną: administracja stronami, dodawanie obrazów i zarządzanie treścią w twoim panelu administracyjnym.
Chcesz najlepsze doświadczenie w odgrywaniu ról?
https://llmplayground.net
Proponuję omówić szczegóły projektu. Cena i terminy zostaną ustalone po wszystkich wyjaśnieniach.
Profil:Freelancehunt
… Opinie:Freelancehunt
Aktualne zlecenia dla freelancerów w kategorii Programowanie stron internetowych
Syrve/iiko + LiqPay: QR-menu, zamówienia ze stołu, napiwki, potwierdzenie przez kelneraPotrzebny programista / integrator dla restauracji, który ma doświadczenie z Syrve/iiko lub podobnymi systemami POS. Zadanie: zrealizować lub zaprojektować integrację menu QR i płatności QR dla restauracji przez Syrve/iiko oraz PrivatBank/LiqPay. Potrzebny schemat działania: Na… Programowanie stron internetowych ∙ 1 godzina 24 minuty temu ∙ 13 ofert |
Usunięcie problemów z obciążeniem na hostingu strony WordPress/WooCommerceSzukamy specjalisty do diagnozowania i usuwania problemów z obciążeniem na hostingu strony WordPress/WooCommerce Posiadamy działającą stronę e-commerce na WordPress + WooCommerce. Strona okresowo pada lub działa niestabilnie podczas dużej liczby zapytań — zarówno z różnych… DevOps, Programowanie stron internetowych ∙ 2 godziny 21 minut temu ∙ 29 ofert |
Transformacja strony-katalogu WordPress w sklep (WooCommerce, Mono/LiqPay, Nowa Poczta)
490 PLN
Witaj! Jest działająca strona-katalog autoelektroniki — autoden.com.ua. Platforma: WordPress 5.4.19. Obecnie na stronie są produkty i ceny, ale nie ma możliwości zakupu online.Co należy zrobić:Skonfigurować i zintegrować wtyczkę WooCommerce z aktualnym designem.Przenieść… Content Management Systems, Programowanie stron internetowych ∙ 3 godziny 7 minut temu ∙ 44 oferty |
Mobilna adaptacja strony na bubble
82 PLN
Potrzebne jest przetłumaczenie strony na Bubble.io z obecnej struktury na normalny responsywny układ. Obecnie dla wersji mobilnej stworzone są osobne duplikaty stron (index/index_mob, catalog/catalog_mob itd.). Z tego powodu wszelkie zmiany muszą być wprowadzane osobno w wersji… Programowanie stron internetowych, Projektowanie stron internetowych ∙ 3 godziny 22 minuty temu ∙ 16 ofert |
Zwiększenie konwersji strony internetowejTrzeba przeanalizować wskaźniki konwersji strony i opracować plan działania w celu ich maksymalnego zwiększenia Programowanie stron internetowych ∙ 4 godziny 12 minut temu ∙ 19 ofert |