Tailwind CSS で書き直す

[takusan23]

タイトル通りです。Tailwind CSS移行分の差分を見れるように、Pull Request作ってみました。

Material-UI使ってた理由が、CSS書きたくないからMaterial-UIを入れた感じだったんですけど、、、、
Tailwind CSSが結構良さそうなのと、Next.jsのApp Router+RSCでスタイリングを見直したほうが良いらしいので、書き直してみました。
Tailwind CSSはゼロランタイムなので表示が早くなるのかも？

Material-UIの時のコードも残してあります↓
https://github.com/takusan23/ziyuutyou-next/tree/material_ui

やったこと

• MUI をやめて Tailwind CSS へ移行
  • ほとんどのコンポーネントがクライアントコンポーネントからサーバーコンポーネントになりました
  • 細かいアニメーションとかはなくなっちゃった
  • マテリアルアイコンとかはその都度ダウンロードしてくる必要があります
• Twitter シェアボタンを削除し、代わりにMastodon / Misskey シェアボタンを設置しました
  • お住まいのインスタンス（サーバー）名を入れれば共有できます
  • 
  • 
• 検索画面（ API をまだ作っていない）
  • まだ作ってないので動きません
  • いつか API 作るので画面だけ先入れました（？）