Learn English Sounds

Проблема

Испаноговорящие, изучающие английский, испытывают трудности с произношением. Большинство существующих инструментов платные, с большим количеством рекламы или ориентированы на грамматику, а не на звуки. Немногие научно точны (на основе IPA) и не содержат рекламы, и почти ни один не поставляется на нескольких языках с полным соответствием контента.

Подход

Сайт Next.js 15, который обучает 44 английским фонемам с помощью IPA, нативных аудиопримеров, упражнений на минимальные пары и игр с перетаскиванием. App Router использует динамический сегмент [lang] и централизует данные звуков в app/data/sounds/. Скрипт времени сборки генерирует более 50 постов в блогах с правилами произношения на пяти языках из одного источника. Развернуто на Cloudflare Workers через OpenNext, с force-static плюс middleware для удержания CPU в рамках бюджета.

Заметные решения

• Архитектура с приоритетом i18n. Каждый маршрут под [lang]/, метаданные параметризованы по языку. Никакой ретроспективной доработки.
• Единая база данных звуков. app/data/sounds/ является источником истины; страницы фильтруются из нее. Добавление звука распространяется по всему сайту.
• Двуязычное соответствие контента. Каждый пост в блоге генерируется на пяти языках во время сборки, поэтому пользователи никогда не попадают на незавершенную страницу.
• Педагогика IPA и минимальных пар. Каждый звук имеет свой символ IPA, нативное аудио, примеры слов и упражнения. Независимо от грамматики, подходит для любого ученика.

Статус

Работает на learnenglishsounds.com, бесплатно и без рекламы. Последние работы над 50 новыми постами о правилах произношения на пяти языках, рефакторингом производительности и корректировкой политики CSP.