学习英语发音

问题

学习英语的西班牙语使用者在发音方面遇到困难。大多数现有工具都是付费的、广告很多的，或者侧重于语法而不是声音。很少有科学准确（IPA 支持）且无广告的，几乎没有以多种语言提供完整内容。

方法

一个 Next.js 15 网站，通过 IPA、母语音频示例、最小对练习和拖放游戏教授 44 个英语音素。App Router 使用 [lang] 动态段，并将声音数据集中在 app/data/sounds/ 中。一个构建时脚本从单个源生成五种语言的 50 多个发音规则博客文章。通过 OpenNext 部署到 Cloudflare Workers，使用 force-static 加中间件将 CPU 保持在预算范围内。

重要决策

• i18n 优先架构。每个路由都在 [lang]/ 下，元数据按语言参数化。以后不再进行改造。
• 单一声音数据库。app/data/sounds/ 是事实来源；页面从中过滤。添加一个声音会传播到整个网站。
• 双语内容对等。每篇博客文章在构建时以五种语言生成，因此用户永远不会登陆不完整的页面。
• IPA 和最小对教学法。每个声音都有其 IPA 符号、母语音频、示例单词和练习。与语法无关，适合任何学习者。

状态

在 learnenglishsounds.com 上免费且无广告运行。最近完成了五种语言的 50 篇新发音规则文章、性能重构和 CSP 策略调整。