📖

日別でZennとQiitaのトレンドを一目できるサイトを作りました

2023/08/20に公開

サイトの紹介

https://devportal-phi.vercel.app/

altテキスト

ZennとQittaの技術トレンドカテゴリでは「週別」や「月別」は存在しています。
しかし「日別」が無いor見えにくく、新着記事を追いかけにくいため、
日別のトレンドに絞ったサイトを作成しました。

https://devportal-phi.vercel.app/

ソースコードはこちら
https://github.com/gmagmeg/devportal

日別トレンド情報の取得元

Zenn

APIが公開されているので、そちらから取得しています。
https://zenn-api.vercel.app/api/trendTech

Qiita

RSSが公開されているので、そちらから取得しています。
https://qiita.com/popular-items/feed


技術スタック

主な技術スタックは次の通りです。

バックエンド

  • NestJS
  • TypeScript
  • Prisma
    普段Laravel、Vueで書いているので、新しい技術スタックに挑戦しました。
    PHPと比べてTypeScriptの開発体験がとてもよく、型のメリットをとても感じました。
    反面、prismaに中々慣れず、四苦八苦しました。
    ここだけはLaravelのクエリビルダの方が、素直に感じました。

フロントエンド

  • Next.js(ver.13)
  • TailwindCSS
    バックエンドと同じく、Typescriptとの親和性が高く、開発体験がとても良かったです。

データベース

  • MySQL

デプロイ先

バックエンドとフロントエンドで分けています。

バックエンド

railway

https://railway.app/
次の理由で選択しました。

  • ビルドに利用するnode.jsのバージョンがLTS
  • cronを設定できる
  • MySQLをサポートしている

フロントエンド

Vercel

https://vercel.com/
Next.jsで書いているので、迷わず選択しました。
噂にたがわずとても簡単にデプロイできたので、感動しました。

Discussion