Сайт на Astro Js + Strapi
Доброго дня, шановні фрілансери.
Описую поточне завдання по одному з проектів. Прошу надати терміни та вартість, а також вказати ваші схожі завершені проекти.
Потрібна розробка сайту на Astro.
1. Поточна версія: на Gatsby ([getresidency.eu](https://getresidency.eu/)). Є вихідні файли.
Дизайн: Figma ([посилання на макет](https://www.figma.com/design/uqst0m5S5LQ0522MYjEaUM/GetResidency?node-id=64-224553&p=f))
2. Технологічний стек
**Frontend:**
- Astro.js (остання стабільна версія)
- CSS/SCSS або Tailwind CSS
- Адаптивна верстка (Mobile First)
**Backend (CMS):**
- Strapi (headless CMS)
- База даних: PostgreSQL або MySQL
- REST API для зв'язку з фронтендом
**Додатково:**
- Багатомовність (RU, EN)
- SEO-оптимізація
- Інтеграція форм зворотного зв'язку
---
3. Структура сайту
#### Основні сторінки:
1. **Головна сторінка**
- Hero-секція з основною пропозицією
- Про компанію (короткий опис)
- Блок "Громадянство та ВНЖ"
- Блок "Реєстрація бізнесу" (картки країн)
- Форма заявки на розрахунок вартості
- Переваги компанії (4 блоки)
- Останні новини блогу (3 записи)
- Відгуки клієнтів (слайдер)
- Форма підписки на розсилку
2. **Громадянство та ВНЖ** (`/residency/`)
- Опис послуг
- Список країн з програмами
- Умови отримання
3. **Реєстрація бізнесу** (`/business-registration/`)
- Огляд послуг
- Картки країн (Нідерланди, Португалія, Угорщина, Латвія та ін.)
- Опис процесу реєстрації
- Пакети послуг
4. **Сторінки окремих країн** (динамічні)
- Детальна інформація про реєстрацію бізнесу
- Вимоги та документи
- Терміни та вартість
- Форма заявки
5. **Блог** (`/blog/`)
- Список статей з пагінацією
- Фільтрація за категоріями
- Сторінка окремої статті
6. **Ціни** (`/price/`)
- Прайс-лист послуг
- Порівняльна таблиця
7. **Контакти** (`/contacts/`)
- Контактна інформація
- Форма зворотного зв'язку
- Карта (опціонально)
8. **Відгуки** (`/reviews/`)
- Список відгуків клієнтів
9. **Користувацька угода** (`/privacy-policy/`)
---
4. Функціональні вимоги
#### Frontend (Astro.js):
- ✅ Статична генерація сторінок (SSG) для максимальної продуктивності
- ✅ Адаптивний дизайн (десктоп, планшет, мобільні пристрої)
- ✅ Плавні анімації та переходи
- ✅ Lazy loading зображень
- ✅ Інтеграція з дизайном Figma (pixel-perfect верстка)
- ✅ SEO-мета теги, Open Graph, Schema.org розмітка
- ✅ Sitemap.xml та robots.txt
- ✅ Швидка завантаження (Google PageSpeed >90)
#### Backend (Strapi):
- ✅ Налаштування панелі адміністратора
- ✅ Створення колекцій контенту:
- Країни (назва, прапор, опис, ціна, вимоги)
- Статті блогу (заголовок, текст, зображення, категорія, дата)
- Відгуки (ім'я, текст, рейтинг, фото)
- Послуги (назва, опис, вартість)
- Налаштування сайту (контакти, соцмережі)
- ✅ Медіа-бібліотека для завантаження зображень
- ✅ Ролі та права доступу адміністратора
- ✅ API endpoints для отримання даних
#### Форми:
- Форма заявки на розрахунок вартості
- Форма зворотного зв'язку на сторінці контактів
- Форма підписки на розсилку
- Обробка та валідація даних
- Відправка сповіщень на email
---
5. Дизайн та UX
- Дотримуватись макетів Figma
- Використовувати фірмові кольори та шрифти
- Прапори країн у форматі SVG
- Іконки (використовувати готові бібліотеки)
- Слайдери для відгуків та новин
- Hover-ефекти на кнопках та картках
- Плавна прокрутка до секцій
---
6. Технічні вимоги
**Продуктивність:**
- Оптимізація зображень (WebP, AVIF)
- Мініфікація CSS/JS
- Кешування статичних ресурсів
- CDN для медіа-файлів (опціонально)
**Безпека:**
- HTTPS
- Захист форм від спаму (reCAPTCHA або hCaptcha)
- Sanitization користувацьких даних
- Rate limiting для API
**SEO:**
- Семантична HTML-розмітка
- Налаштування мета-тегів для кожної сторінки
- Альтернативні тексти для зображень
- Структуровані дані (JSON-LD)
---
7. Інтеграції
- Email-розсилка (опціонально: MailChimp, SendGrid)
- Google Analytics
- Месенджери (WhatsApp, Telegram кнопки)
- Соціальні мережі (посилання в футері)
---
8. Вимоги до розгортання
**Хостинг:**
- Frontend: Cloudflare, Vercel, Netlify тощо.
- Backend (Strapi) + бд: свій сервер
---
9. Документація
Надати:
- Інструкцію по роботі з адмін-панеллю Strapi
- Документацію по налаштуванню середовища
- Посібник по деплою та оновленням
---
10. Бюджет
Вкажіть передбачувані терміни та вартість
11. Критерії приймання
✅ Сайт повністю відповідає дизайну Figma
✅ Усі сторінки адаптивні та коректно відображаються на всіх пристроях
✅ Форми працюють коректно, відправляють дані на email
✅ CMS Strapi налаштована, можливість редагування контенту
✅ SEO-оптимізація виконана (мета-теги, sitemap)
✅ Google PageSpeed Score > 90 на мобільних та десктопі
✅ Надана документація
-
Вітаю!
Можу зробити на Astro+Sanity.
Якщо потрібні деталі або приклади - напишіть мені.
-
Розробка сайту на базі Astro.js та Strapi дозволить створити гнучкий і продуктивний веб-ресурс. З потужним досвідом у адаптивній верстці та налаштуванні CMS-систем, я можу перенести ваш сайт із Gatsby, забезпечивши бездоганну інтеграцію з Figma. Звертаю увагу на SEO-оптимізацію, адже це ключ до конкурентної переваги. Моє вміння швидко освоювати новітні технології гарантує, що ваш проект відповідатиме найвищим стандартам. Готова до співпраці, щоб перевершити ваші очікування і створити неперевершений результат.
-
556 1 0 Доброго дня!
Можу взятися за розробку сайту на Astro.js + Strapi відповідно до вашого Figma-макету та всіх технічних вимог. Переглянула ваш макет та поточний сайт на Gatsby, і бачу, що проект включає статичну генерацію сторінок, адаптивний дизайн, інтеграцію форм, SEO та багатомовність — все це реалізовано реально на сучасному стеку Astro + Strapi.
Пропоную реалізацію на останній стабільній версії Astro.js з Tailwind CSS для швидкої і чистої верстки, мобільним first підходом та pixel-perfect інтеграцією дизайну Figma. Backend реалізую на Strapi з базою PostgreSQL, створю колекції контенту для країн, статей блогу, відгуків, послуг та налаштувань сайту, з медіабібліотекою, ролями і правами доступу. API endpoints будуть готові для фронтенду, форми — з валідацією, відправкою на email та захистом від спаму.
Терміни: приблизно 5–6 тижнів для повного запуску сайту, включно з адаптивною версткою, інтеграцією Strapi, SEO-оптимізацією і тестуванням на різних пристроях.
Бюджет: від 45 000 грн, фінальна сума залежить від кількості динамічних сторінок, складності багатомовності і інтеграцій.
Після завершення передаю повний код сайту, налаштовану CMS, документацію по розгортанню і роботі з адмін-панеллю. Готова обговорити деталі інтеграцій (email-розсилка, Google Analytics, месенджери), щоб сайт був повністю готовий до роботи і відповідав вашим критеріям приймання.
-
236 Доброго дня!!!! Розумію що вам потрібно! готовий сьогодні розпочати. І зранку Вам надіслати початок моєї роботи. Для чого я це роблю. Я хоч і початківець але розумію як це зробити.
-
95862 1272 1 10 Доброго дня. Працюю з React/Node.js більше 8+ років. Готовий реалізувати проект на Astro або Next.js.
-
7672 16 0 1 Вітаю.
Ознайомився із завданням
Створю якісний сайт з чистим оптимізованим кодом та сучасним дизайном.
Напишіть, обговоримо деталі проекту!
----------------------------------
Приватний розробник веб-сайтів. Досвід – 10 років.
Дизайн, верстка, розробка сайтів Wordpress.
-
4873 107 0 Hello, Михайло!
Щодо вашого проєкту на базі Astro Js і Strapi, я маю досвід роботи з обома технологіями та готовий реалізувати ваш задум. Зможу створити сайт з усіма необхідними функціональними можливостями, що включають адміністрування сторінок і управління контентом через Strapi. Також пропоную допомогу та підтримку протягом місяця. За потреби запишу відеоінструкцію, яка пояснить, як працювати з сайтом: адмініструвати сторінки, додавати зображення та керувати контентом у вашій адмін-панелі.
Want best roleplay experience?
https://llmplayground.net
I suggest discussing the project details. Price and deadlines will be determined after all clarifications.
Profile:Freelancehunt
… Reviews:Freelancehunt
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Потрібно зробити щось подібне на відео, це просто сторінка сайту з адмінкою
1000 UAH
потрібно зробити щось подібне на відео, це просто сторінка сайту з адмінкою там можна змінювати суму, ставку, коефіцієнт матчу і так далі, що від мене вимагається? html сторінки зі ставкою? дайте фідбек на двох мовах потрібно HTML та CSS верстання, PHP ∙ 1 година 32 хвилини тому ∙ 5 ставок |
Webflow розробник для заповнення сторінок портфоліо на сайтіЄ сайт розроблений кастомно на вебфлоу для будівельної компанії, потрібно швидко заповнити сторінки проектів за одним шаблоном (замінити картинки і тексти) Для 2 мов Кількість - 6 штук Готові починати asap, дякую! HTML та CSS верстання, Веб-програмування ∙ 6 годин 40 хвилин тому ∙ 25 ставок |
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОпис проєкту:Шукаємо досвідченого WordPress-розробника для верстки та посадки готового дизайн-макета з Figma на CMS WordPress. Важливий контекст проєкту:Це не розробка сайту з нуля. Компанія має діючий сайт, ми оновлюємо структуру та дизайн. Нам необхідно реалізувати головну… HTML та CSS верстання, Веб-програмування ∙ 11 годин 22 хвилини тому ∙ 48 ставок |
Переніс сайта з опенкарту на платформу ХорошопДобрий день. Є сайт на опенкарті, інтернет магазин. Потрібно перенести струкутуру сайту на платформу хорошоп, підібрати дизайн для нового сайту та зробити його повноцінно працюючим HTML та CSS верстання, Веб-програмування ∙ 1 день 8 годин тому ∙ 29 ставок |
Потрібен сильний WordPress / WooCommerce спеціаліст для доопрацювання сайту MARSPROШукаємо відповідального фрілансера або невелику команду для якісного завершення та технічного доопрацювання сайту компанії MARSPRO. Сайт вже працює, але після попереднього розробника залишилось багато дрібних і важливих технічних проблем. Нам потрібна людина, яка зможе не просто… CMS, HTML та CSS верстання ∙ 2 дні 8 годин тому ∙ 44 ставки |