webgems.io 💎 开发者起始页

🚨仓库已迁移

👋 介绍

由于我喜欢参与社区活动，我经常在几个开发者 Discord 群组里帮助别人，同时我也运营着自己的服务器devcord。几乎每天我都会分享一些资源链接，因为很多新手都会问我如何在 Flexbox 中实现“那个”布局。

我们的服务器上甚至还有一个机器人命令，可以发送一个嵌入内容，内容是“嘿，想学习 flexbox 吗？看看https://flexboxfroggy.com ”。但有时我觉得某个成员可能不想使用flexboxfroggy ，而是在寻找有文档记录的方法，所以我把css-tricks 的 flexbox 指南链接发给了他们。

💡这个想法

这让我萌生了创建一个面向初学者的网站的想法，这些初学者正在寻找资源，以帮助他们入门庞大而混乱的 Web 开发领域。

和往常一样，我先开始寻找域名，甚至还没考虑如何实际搭建这个网站。5月10日，我开始缠着朋友们问他们对这个域名有什么看法。这只是我的一个小毛病，总是先想着找个好域名，然后再考虑项目（不过最近我的想法有所改变——稍后会详细说明）。

以下是我尝试过的域名列表，直到我找到完美匹配的域名（多亏了我的朋友们，Jacob，说的就是你）：webgems💎，“开发者的最佳资源”。如果你运气好，或许还能注册到这些域名。在我看来，这些都是不错的域名 :)

webbin.io - webbin.dev - sourcebin.io - webcollect.io - devbucket.io - webrepo.io - devcollect.io - devbin.? - resourcebin.io

💻 开始开发

总之，一旦确定了域名，我就迅速注册了，因为域名随时可能被抢注，千万不能拖延。现在该决定用什么技术栈来搭建这个网站了——由于Vue通常是我的首选框架，而且我最近刚开始用Nuxt重写自己的网站，所以我决定也用 Nuxt 来开发 Webgems。

我不确定应该深入探讨开发过程到什么程度，我只想强调一件事一直让我很焦虑：

能够点击复制按钮，选中卡片并将引用复制到剪贴板。

现在看起来是这样的：

它在本地主机上运行完全正常，但当我使用Netlify将其部署到生产环境时，引用和路由就失效了。我对这个项目充满热情，但这个问题却让我非常沮丧。经过几个小时的研究，我找到了一些关于 Nuxt + Netlify 以及 Netlify 会添加尾部斜杠的资料。我迅速决定搭建自己的服务器来验证问题究竟出在我身上还是 Netlify 身上。

当时我有点难过，因为我以为自己不能使用 Netlify，尽管我很喜欢他们的整个工作流程。

我想这条信息已经很清楚了？

冷静下来之后，我对现状并不满意，想看看有没有其他解决办法。我花了几天时间才找到答案——这是最终的代码片段。其实我已经忘了是怎么修复的了，但我会仔细查看提交记录，稍后回来告诉你答案！

  methods: {
     async createCopyUrl() {
      try {
        let currentPath = this.$router.history.current.path
        let reference =  this.createReferenceTag(this.$props.title)
        await this.$copyText(`https://webgems.io${currentPath}?card=${reference}`)
        this.$router.push(`${currentPath}?card=${reference}`)
      } catch (e) {
        console.error(e);
      }
    },
}

✅ 直播中

既然这件事已经解决，我可以再次使用 Netlify 了，于是我继续添加更多资源，并修复一些小问题。在我的Twitch 直播间里直播了好几次，一个月后，项目终于完成了。我提交了最后一个版本，并决定发条推特庆祝一下，尽管我平时并不怎么用推特。

没想到这条推文竟然火了。这是我第一次发的推文被这么多人看到。

大约有12万人看到了这条推文，网站上线第一周的访问量也达到了1万左右。我完全没想到会得到这样的支持。

项目上线不久，我在开发服务器上的朋友 S3BAS 就加入了进来，帮我重构代码等等。我们经常熬夜，但一切都非常值得。

这个项目也发布在了 producthunt 上，但我在那里的发布有点失败，估计是发布时间不对。

📖 技能++

在开发这个项目的过程中，我收获了很多乐趣，也提升了我的 Git 和 Git Flow 技能。感谢那些给我发信息表达对我和项目贡献者们工作的感激之情的人们。即使在项目上线几周后的今天，仍然有人感谢我。对我来说，它能完全实现我的初衷——帮助他人（当然，我也不用再费力地发送链接了 :D），这意义非凡。

这段经历可谓跌宕起伏，最近我最喜欢的播客之一“Syntax.fm”提到了webgems。我强烈推荐大家收听他们的播客，特别是提到webgems的这一期 ->点击这里。

我一开始都没注意到有人提到这件事，是另一个朋友告诉我的。听到我上了榜，我简直要哭了。我激动得浑身发抖，赶紧告诉了我的朋友们，虽然他们对网页开发一窍不通，根本听不懂我在说什么。但他们至少为我感到高兴，我很感激。

💾 结论

即使你的项目并非完全创新，那些可能不相信你的想法、不理解你面临的问题或其他任何原因的人，都不应该阻止你去做你热爱的事情。

网络世界有时相当危险，对新手来说更是如此——这就是为什么我写了这篇关于这个虽小但却产生影响的项目的故事。

如果您正在寻找一个友好的社区，社区里有志同道合的开发者，并且您需要帮助或想要帮助他人，欢迎加入我们的devcord社区——我们非常欢迎您的加入。

如果您想查看本项目源代码，请随意访问，它托管在 GitHub 上。如果您能分享给需要资源的人，或者为项目做出贡献，我将不胜感激——只需提交一个 PR 或创建一个 issue，如果您认为缺少某些内容即可。

。