【个人开发】我们更新了可以看到公司技术栈的网站！

大约一个月前，一个数据库网站“我们使用什么“我写了一篇测试版文章。

感谢大家，我们能够看到很多人，并且我们能够在 Twitter 上收到相对积极的反馈！从那时起已经过去了大约一个月，我已经添加了一些更新，所以让我来告诉你吧。

工具¹能够搜索公司

这不是一个早期版本，但它是我希望以最高优先级实现的功能。我在首页上放了一些图标，以便您可以看到使用这些工具的公司。 （我根据自己的判断选择了其中一些）

以下是使用流行 Miro 的公司列表。

我认为如果我可以使用公司徽标会更好看，但我认为这与使用条款有关，所以我避免发布它。开放式工作所有公司的标志都张贴在网站上，但它是如何工作的？如果有人知道如何获得发布徽标的许可，请告诉我。

使用 SSG（静态站点生成器）加速

一开始所有的数据都是在前端硬编码成JSON格式的，所以页面跳转很快，但是需要在工具中添加公司搜索功能，所以这次我们开发了后端。。使用 NestJS + Prisma + Postgres 制作并部署在 Heroku 上。

由于数据量本身很小，我认为即使我每次都打API作为SPA获取数据也不会那么慢，但我认为这将是一个挑战SSG的好机会，所以我试过了。

好吧，结果，加载本来就很快，所以我不知道有多少区别lol

我认为为公司不使用的工具生成搜索结果页面是没有用的，所以我创建了一个 API，它返回公司使用的工具列表，并为该数字生成路径。。

export async function getStaticPaths() {
  const res = await fetch("https://api.xxx.com/tools/used");
  const tools = await res.json();
  const paths = tools.map((tool: TypeTool) => ({
    params: { code: tool.toolCode },
  }));
  return { paths, fallback: false };
}

LightHouse 的结果是不是看起来也不错？

添加工具图标和公司数据

我增加了一点。我们将继续稳步增加数量。即使我创建了一个像tech stack注册页面这样的管理屏幕，我也只是自己使用它，所以我将工具的主数据放在电子表格的数据输入规则中，以便我可以快速输入。

这是从那里生成 SQL 并将其插入数据库的杂项操作。

从现在开始计划

通过扩大内容，我们将把增加用户数量放在首位。内容对于企业技术栈来说也是一样的，但是我觉得如果只是内容的话 SEO 很弱，所以通过增加阅读材料来增加 SEO 的流入会很好。

另外，我认为从每个页面的 PV 中创建热门公司排名或热门工具排名会很有趣。顺便说一下，目前企业页面的Pageview排名是第1：Cyber​​Agent，第2：Mercari，第3：ZOZO。

---

所以这项服务很有趣！如果您认为，无论如何，使用 LGTM推特账号请跟我来。我们计划在 Twitter 上发布有关该公司的更多信息。我想我每周只发几次推文，所以我不希望它妨碍我的时间线......

1. 顺便说一句，“技术堆栈”是公司采用的技术集合。上一篇我写的是“按技术栈搜索”，但是想起来很奇怪，所以写了“按技术搜索公司”，但我觉得很隐蔽，所以我说“按技术搜索公司”通过工具”登陆。工具也用于表名和类名。↩

原创声明：本文系作者授权爱码网发表，未经许可，不得转载;

原文地址：https://www.likecs.com/show-308623814.html