我的作品 tech-stack.tools 创造者的技术栈工具库

xiaoluoboding · 2022年06月30日 · 最后由 qiurenbo 回复于 2022年07月01日 · 360 次阅读

本站由UCloud倾情赞助

《前端技术栈月刊》又鸽了一天，坚持了 41 个月，终于写不下去了，原因不是有多难，而是该转型了。

于是决定于 2022-06-29 停刊啦，四年多以来收获的是一直坚持着保持记录的习惯。

所以《周刊》还在坚持着，保持每周记录的习惯。

而今月刊中的内容，我将他们整理为一个 list 甚至是 database，记录了不少有用的工具，以一个站点的形式重现，我把它命名为 tech-stack.tools（技术栈工具库）

动机

有一个读者在发现了我的 monthly 之后，尝试自荐他的工具，说实话这是自运行以来第一次自荐，而我还没准备好接受任何的自荐形式。所以这也是我考虑到重构转型的一个原因。

设计

没什么设计，完全 copy 了 Nuxt Modules

色彩

主色调想用一款紫色，选用了 Tailwind CSS 中的 violet，你懂的

字体

有意思的是在选择字体的时候，一款叫 Share Tech 的字体出现在我眼前，名字很贴合站点的理念。所以选择了它，随了缘吧。

Logo

确实是自己瞎画的，就花了不到一小时时间（没咋用心），源自字母 tech stack tools 的缩写 TST，想表现出 Stack 这个词，层叠的感觉，自行脑补😂

开发

脚手架

本次用到了自己搭建的一个模版 self-hosted-app-starter，一个可以帮助你快速实现一个自部署应用的全栈脚手架。

后端：Docker + Go + SQLite
前端：Vite + Vue 3 + Tailwind CSS

后端实现

技术栈

Go
SQLite
Docker

简单设计了一个 bookmark 表存储工具信息，后续可能扩展用户表。

CREATE TABLE bookmark (
  id INTEGER PRIMARY KEY AUTOINCREMENT,
  created_ts BIGINT NOT NULL DEFAULT (strftime('%s', 'now')),
  updated_ts BIGINT NOT NULL DEFAULT (strftime('%s', 'now')),

  link TEXT NOT NULL,
  title TEXT NOT NULL,
  description TEXT NOT NULL,
  author TEXT NOT NULL,
  publisher TEXT NOT NULL,
  image TEXT NOT NULL,
  logo TEXT NOT NULL,
  tag JSONB NOT NULL DEFAULT '{}'
);

CREATE UNIQUE INDEX idx_bookmark_link ON bookmark(link);