我是一名软件工程师，对市场营销和增长一直有浓厚的兴趣。我一直在做各种副项目，最近取得了一个重大突破：一周内吸引了100,000名独立访客。
访问OpenAlternative网站 ↗[1]
以下是我实现这一成就的步骤 👇
创意阶段
我整理了一份开源软件列表，这主要是为了个人使用（目的是学习和复用代码），但我想这也能够与其他人分享。同时，我也想借此项目来深入了解SEO和市场增长策略。
我不打算在这个项目上花费太多时间，因此设定了在48小时内完成构建的目标。
鉴于时间紧迫，我只挑选了一些必要功能来实施。最终决定是建立一个基础的列表展示，不包括搜索或过滤功能。
策划和整理列表
我通过Google、Reddit和GitHub扩展了开源软件列表，不仅依赖流行项目，也从自己的知识和经验中挑选出一些较少人知但值得推荐的项目。
我挑选的标准是不追求数量而质量，力求列表集中展示最受欢迎、最实用且持续维护的软件。最终，这个列表包含了大约70个项目。
网站构建
Astro[2]是我一直想尝试的一个新框架，尽管之前我主要使用Remix和NextJS。选择Astro不仅是因为新奇，更因为它在后期可以显著减少托管成本。
我在Astro的文档中发现了实现视图转换[3]的简便方法，这为网站增添了不少亮点。
后端我选择了Airtable[4]作为数据库，因其简单易用且适合无代码项目。虽然Airtable的API在数据查询上不够强大，但通过使用middleware服务[5]转换成GraphQL API后，查询的灵活性大大增强。
在数据和结构准备就绪后，我开始使用Tailwind CSS进行样式设计，并在约12小时内完成了网站构建。多项目经验让我能够复用许多现成代码。
考虑到开源精神，我也将网站代码[6]开源。
GitHub 数据和程序化SEO
为增强网站实用性，我决定引入GitHub的数据，如项目的星标数、分叉数和问题数等。我设置了一个定时的Cloudflare Worker来定期从GitHub API获取这些数据。
此外，我还从每个项目的仓库标签中提取信息，如使用的编程语言及相关领域（如CMS、CRM等），并将这些数据存入Airtable，用于生成大量的程序化SEO页面。
虽然现在还不清楚这种做法对SEO的具体影响，但创建大量可供Google索引的页面无疑是有益的。目前网站已开始在一些竞争激烈的关键词上获得排名，如“open source alternatives”。
托管服务
Astro作为一个静态网站生成器，使得我能够在Cloudflare[7]上免费托管该网站。这是我第一次使用Cloudflare，其免费的托管和CDN服务以及易用性给我留下了深刻印象。
我选择了一个简单的域名，并以 $6.99的价格注册了openalternative.co[8]。
发布和推广
我通过Twitter[9]宣布了网站的启动。尽管我只有900多粉丝，并且通常默默无闻，这次推文意外地引起了一些关注，虽然没有爆炸性增长，但确实是一个良好的开端。
在接下来的几天，我通过Twitter与人互动，以收集反馈。与Steven Tey[10]的一次对话尤其重要，他对这个项目表示赞赏，并决定向他的观众推荐，这直接导致了网站流量的大幅跃升。
Product Hunt
为了保持这种势头，我在Product Hunt[11]上发布了网站，并迅速引起了广泛的关注，最终在当天的排名中获得了第三名，获得了超过500个赞。这是我经历的最成功的一次Product Hunt启动。
Hacker News
随着网站逐渐
受到关注，我也在Hacker News[12]上发布了相关信息。帖子很快被推送到首页，并迅速攀升到网站第一名。这一位置不仅带来了荣誉，也带来了大量的流量，访客数每小时都在数千以上。
同时，我也在Reddit的多个subreddits上发布了这个项目，其中在r/SelfHosted[13]上的表现最为出色，迅速获得了250多个赞。但尝试通过Stripe Pay链接变现时，由于社区反应强烈，我不得不撤下这一尝试，并从该subreddit中撤下了帖子。
尽管遇到了一些挫折，但从社区中得到的反馈仍然十分宝贵。
结语
这个项目不仅在第一周吸引了超过10万访客，而且在随后的每天还持续吸引着数千名访客。这是一次关于副项目启动和增长的成功实验，我从中学到了很多。
希望这个案例能够为你的项目带来启示。如果你有任何问题或者想要反馈，欢迎通过Twitter[14]联系我。
想要直接体验这个网站，欢迎访问openalternative.co[15]。
参考资料
[1]
访问OpenAlternative网站 ↗: https://openalternative.co/[2]
Astro: https://astro.build/[3]
视图转换: https://developer.chrome.com/docs/web-platform/view-transitions[4]
Airtable: https://airtable.com/[5]
middleware服务: https://baseql.com/[6]
网站代码: https://github.com/piotrkulpinski/openalternative[7]
Cloudflare: https://cloudflare.com/[8]
openalternative.co: https://openalternative.co/[9]
Twitter: https://twitter.com/piotrkulpinski/status/1764561508028326128[10]
Steven Tey: https://twitter.com/steventey[11]
Product Hunt: https://www.producthunt.com/posts/openalternative[12]
Hacker News: https://news.ycombinator.com/item?id=39639386[13]
r/SelfHosted: https://www.reddit.com/r/selfhosted/comments/1b9kfwn/a_collection_of_selfhostable_opensource_software/[14]
Twitter: https://twitter.com/piotrkulpinski[15]
openalternative.co: https://openalternative.co/