Skip to content

APARTNER-PRO/programist.pp.ua

Repository files navigation

RomanDev - Web Development Website

Професійний багатомовний сайт для веб-розробки з повною SEO-оптимізацією та гео-сторінками для всіх міст України.

🚀 Технології

  • Next.js 14 - React фреймворк з SSG
  • TypeScript - Типізований JavaScript
  • Tailwind CSS - Utility-first CSS фреймворк
  • Framer Motion - Анімації
  • React Hook Form - Управління формами

📋 Особливості

  • ✅ Багатомовність (Українська/Російська)
  • ✅ SEO-оптимізація з structured data
  • ✅ Гео-сторінки для всіх міст України
  • ✅ Адаптивний дизайн
  • ✅ Швидкість завантаження (PageSpeed 90+)
  • ✅ Sitemap та robots.txt
  • ✅ OpenGraph та Twitter Cards
  • ✅ Контактна форма з валідацією

🛠️ Встановлення

# Встановити залежності
npm install

# Запустити dev сервер
npm run dev

# Зібрати для продакшену
npm run build

# Запустити продакшен сервер
npm start

📁 Структура проекту

romandev-website/
├── app/                    # Next.js App Router
│   ├── [lang]/            # Багатомовні маршрути
│   │   ├── page.tsx       # Головна сторінка
│   │   ├── about/         # Про нас
│   │   ├── services/      # Послуги
│   │   ├── service/       # Детальні сторінки послуг
│   │   │   ├── [slug]/    # Послуга за slug
│   │   │   └── geo/       # Гео-сторінки
│   │   │       └── [city]/
│   │   ├── tech/          # Технології
│   │   ├── portfolio/     # Портфоліо
│   │   ├── blog/          # Блог
│   │   ├── contact/       # Контакти
│   │   ├── privacy/       # Політика конфіденційності
│   │   └── terms/         # Умови використання
│   ├── sitemap.ts         # Генерація sitemap
│   ├── robots.ts          # Генерація robots.txt
│   └── globals.css        # Глобальні стилі
├── components/            # React компоненти
│   ├── Header.tsx
│   ├── Footer.tsx
│   ├── ServiceCard.tsx
│   ├── TechnologyCard.tsx
│   ├── ContactForm.tsx
│   └── Breadcrumbs.tsx
├── data/                  # Дані
│   ├── services.ts        # Послуги
│   ├── cities.ts          # Міста України
│   ├── technologies.ts    # Технології
│   └── translations.ts    # Переклади
├── lib/                   # Утиліти
│   ├── seo.ts            # SEO функції
│   └── i18n.ts           # Інтернаціоналізація
└── public/               # Статичні файли

🌍 Гео-сторінки

Сайт автоматично генерує SEO-оптимізовані сторінки для всіх міст України:

  • /ua/service/geo/kyiv - Київ
  • /ua/service/geo/lviv - Львів
  • /ua/service/geo/odesa - Одеса
  • ... та інші міста

Кожна гео-сторінка містить:

  • Унікальні Title та Description
  • LocalBusiness Schema
  • FAQ Schema
  • Контактну форму
  • Список послуг

📱 Контакти

  • Телефон: +38 (093) 880-08-22
  • Email: info@programist.pp.ua
  • Telegram: @romandev
  • GitHub: github.com/romandev

📄 Ліцензія

© 2025 RomanDev. Всі права захищені.