OpenListの技術的な話

はじめに

OpenListというWebサービスを公開したので技術的な記事を書いておきます

openlist.cgig.jp

Spec

使用しているものを列挙すると下記になります

  • Next.js
  • React
  • TypeScript
  • Google App Engine
  • Firebase Authentication
  • Firestore
  • Material-UI

同期方法

Firestoreを使用して更新しています(便利

firebase.google.com

Google App Engine

スタンダード環境でホスティングしています

今のところ無料(アクセスないんで

閲覧履歴

Firebase Authenticationの匿名ユーザーで管理してます

なのでブラウザごとになります

いつかTwitterログインつけて各環境から同じ閲覧履歴を参照できるようにしたい

デザイン

Material-UIをベースにデザイナーさんにデザインしてもらいました

おわりに

技術的に難しいこととかしてないので特に書くことなかった