返回博客
新闻与更新

我们从零开始重建了网站:介绍全新的 Sober Tracker 网站

Trifoil Trailblazer
5 min read

我们很高兴地宣布,Sober Tracker 网站已经完全重新设计并从零开始重建。如果您最近访问过我们的网站,您可能已经注意到界面看起来有些不同——而且运行更加流畅。

从静态 HTML 到现代技术

我们之前的网站是用静态 HTML 构建的。它在初期为我们服务得很好,但随着我们的应用程序发展和社区扩展到全球,我们需要更强大和灵活的东西。

现在我们使用 Next.js 重建了整个网站,这是一个现代的 React 框架,为互联网上一些最大的网站提供支持。这不仅仅是视觉上的更新——这是一次完整的技术改造,为您的体验带来重大改进。

新功能和改进

闪电般的性能

新网站的加载速度比以前快得多。得益于 Next.js 优化的图像加载、代码分割和服务器端渲染,页面几乎瞬间加载。无论您使用的是快速连接还是移动数据,您都会注意到差异。

多语言支持

最大的新增功能之一是完整的国际化。网站现在支持以下语言:

  • 英语(English)
  • 西班牙语(Español)
  • 俄语(Русский)
  • 葡萄牙语(Português)
  • 日语(日本語)
  • 中文

我们在构建时考虑到了我们的全球社区。康复没有国界,支持它的资源也不应该有。

更好的移动体验

虽然我们的旧网站在移动设备上可以使用,但新设计是真正的移动优先。从导航菜单到截图轮播,每个元素都针对触摸屏和较小的显示器进行了优化。

交互功能

我们添加了几个交互元素,展示 Sober Tracker 应用程序的功能:

  • 截图轮播:在逼真的手机模型中浏览实际的应用程序截图
  • 戒酒花园预览:查看虚拟花园功能的工作原理
  • 财务计算器:估算您保持清醒可以节省多少钱

改进的博客体验

您正在我们重新设计的博客上阅读本文。我们通过更好的排版、更快的加载时间和更轻松的文章导航改善了阅读体验。

为什么我们做出这个改变

从零开始构建网站是一项重大工程。那么我们为什么要这样做呢?

不断增长的全球社区

我们的应用程序被世界各地的人们使用。我们收到了语言支持的请求,而在静态 HTML 网站中构建适当的国际化将是维护的噩梦。Next.js 使多语言支持变得清晰且可维护。

更好的开发体验

现代工具意味着我们可以更快地添加新功能和内容。撰写博客文章、更新翻译和改进网站现在变得更加容易。这意味着为您提供更频繁的更新和更好的内容。

面向未来

网页开发领域发展迅速。通过迁移到现代框架,我们已经做好准备,可以在新功能和改进出现时加以利用。

保持不变的内容

虽然幕后的技术发生了巨大变化,但我们的核心使命保持不变:提供一个简单、专注、尊重隐私的戒酒追踪器,帮助您在旅程中保持负责。

应用程序本身没有改变——这次更新纯粹是关于网站的。您仍然会在 Sober Tracker 中找到您一直依赖的同样干净、无干扰的追踪体验。

技术细节(供好奇者参考)

对于对技术方面感兴趣的人:

  • 框架:Next.js 与 React
  • 样式:Tailwind CSS,用于响应式、实用优先的设计
  • 动画:Framer Motion,用于流畅、高性能的动画
  • 国际化:next-intl,用于强大的多语言支持
  • 内容:MDX 用于博客文章,允许使用 React 组件创建丰富的内容

展望未来

这次重建为未来开辟了许多可能性。我们计划添加更多语言,创建更多关于戒酒的教育内容,并继续改善用户体验。

如果您对网站有建议或想看到的内容,我们很乐意听取您的意见。您的反馈有助于塑造我们的构建方向。

谢谢

感谢所有支持 Sober Tracker 的人——无论您从一开始就与我们在一起,还是今天刚刚发现我们——谢谢。您保持清醒的每一天都是值得庆祝的胜利,我们很荣幸能成为您旅程的一小部分。

为持续的进步干杯,一天一天地前进。


准备好开始追踪您的戒酒之旅了吗?今天就下载 iOSAndroid 版 Sober Tracker。

Start Your Sobriety Journey Today

Download Sober Tracker and take control of your path to an alcohol-free life.

Download on App StoreGet it on Google Play