我建立了一个开源代码片段集合

如果你发现自己经常在 Google 上搜索相同的代码片段，那么 SnipNest 会非常有用。它是一个轻松分享代码片段的地方。

为什么选择 SnipNest？

SnipNest 的灵感源于我自己的挫败感。作为一名开发者，我经常需要快速解决那些之前已经解决过十几次的问题。虽然市面上有很多资源，但我却找不到符合我偏好的。我想要一个结构化、易于使用且可搜索的代码片段集合。SnipNest 就是这样诞生的。

迄今为止的旅程

构建这个项目一直充满挑战。我探索了多种存储方案（例如数据库、JSON 等），最终决定使用 MDX 文件。每个代码片段都存储为一个文件，其中包含元数据（名称、描述、关键字和贡献者），以及代码片段的实际代码和使用示例。这使得贡献变得简单，同时保持内容的井井有条。不过，以后我可能会尝试使用纯 Markdown 文件。

这次体验很大一部分是使用 Next.js 和 shadcn/ui 以及 Tailwind CSS。我惊喜地发现，我能够如此快速地完成原型设计。Next.js 一直是我常用的 React 框架，而将它用于 SnipNest 则进一步证明了 Next.js 仍然是我的最爱。在开发过程中，我几乎没有遇到任何问题。

为了让 SnipNest 更易于使用，我发布了一个 Visual Studio Code 扩展。借助此扩展，开发人员可以直接在代码编辑器中浏览、搜索和插入代码片段。

核心思想很简单。要提交代码片段，贡献者只需 fork 项目，添加自己的代码片段，然后发起拉取请求即可。

你能如何提供帮助

我一个人做不到！代码片段数不胜数，我需要你的帮助，让 SnipNest 变得更加实用。

如果您之前编写过有用的代码片段（例如实用程序、辅助函数或任何您认为可能对他人有帮助的代码），请考虑贡献一份力量。您的代码片段可能会节省一些人的调试和搜索时间。

介入

• GitHub 仓库：https://github.com/itsbrunodev/snipnest
• Visual Studio Code 扩展：适用于 Visual Studio Code 的 SnipNest
• 如何贡献：fork 代码库，添加你的代码片段，并提交拉取请求。阅读贡献指南，即可开始。

非常感谢

感谢所有给予我启发或支持，让我将这个想法变成现实的人。特别感谢那些为这个仓库点赞的人，他们真的激励我继续改进和发展 SnipNest！

我很想听听您的想法和反馈。

— 布鲁诺