🇺🇦 MicroTools тепер українською!

Великий день для MicroTools. Сьогодні ми офіційно запускаємо повну українську версію сайту — і це не просто переключення мови на кнопці. Це місяці роботи, тисячі рядків коду та найбільший рефакторинг в історії проєкту.

📊 Масштаб роботи — цифри говорять самі

• Перекладено 127 інструментів — кожен з назвою, коротким описом, повним описом, покроковою інструкцією та FAQ.
• 15 категорій з локалізованими назвами та описами.
• Понад 15 000 рядків перекладів у файлах локалізації.
• Новий файл lib/tools-i18n-uk.ts — ~2700 рядків чистих українських перекладів.
• Змінено або створено 40+ файлів компонентів, сторінок та утиліт.

🔍 Чому це важливо для SEO

Попередній підхід — зміна мови через localStorage — був непомітний для Google. Пошукові боти бачили лише англійський контент, незалежно від налаштувань користувача. Тепер все інакше.

• Кожен інструмент має два окремих URL: /en/tools/word-counter та /uk/tools/word-counter.
• Google індексує їх незалежно — з правильними title, meta description та html lang="uk" прямо в HTML.
• hreflang-атрибути на кожній сторінці — пошуковики знають, яка версія для якої аудиторії.
• Sitemap виріс з ~160 до 500+ URL, включно з усіма українськими сторінками.
• JSON-LD структуровані дані (FAQ, HowTo, BreadcrumbList) також локалізовані.

⚙️ Що змінилось "під капотом"

Ми повністю перебудували архітектуру i18n. Раніше мова зберігалась у localStorage і застосовувалась лише на клієнті після завантаження JS. Тепер:

• Новий Next.js middleware перехоплює кожен запит і перенаправляє на /en/... або /uk/... на основі cookie NEXT_LOCALE.
• Новий app/[locale]/layout.tsx — серверний layout, який передає initialLocale до I18nProvider без жодного мерехтіння.
• Перемикач мови тепер робить повноцінну навігацію: /en/tools/word-counter → /uk/tools/word-counter зі збереженням поточної сторінки.
• Усі посилання в Header, Footer, ToolCard, CategoryCard, SearchBar — оновлені з префіксом поточної мови.
• initScript в root layout встановлює html lang з URL шляху до першого рендеру React — без FOUC.

🌍 Додати нову мову тепер — справа хвилин

Архітектура спроєктована для масштабування. Щоб додати, наприклад, польську — достатньо одного рядка в middleware та двох файлів перекладів. Маршрути /pl/..., sitemap, hreflang — все підхоплюється автоматично.

🚧 Ще в процесі

Основна частина перекладів виконана, але сайт живий і розвивається — нові інструменти додаються регулярно. Ось що ще в роботі:

• Переклади нових інструментів додаватимуться разом з їх виходом.
• UI-рядки в деяких специфічних інструментах ще частково англійською — виправляємо.
• Блог та changelog поки лише англійською — українська версія статей в планах.
• Якщо побачиш помилку в перекладі — пиши у Feedback, виправимо швидко 🙏

Дякуємо кожному хто використовує MicroTools — саме ви стали причиною для цього оновлення. Україна — наша аудиторія №1, і ми це цінуємо. 🇺🇦