NextJS / NotionAPI でブログを作るメモ

• 個人ブログをNextjsで作り変える
• NotionをCMS代わりに使うようにする
• Vercel社のエンジニアが作っているNotion Blogをforkはじめてみる
• 諸々詰まったところをメモしていく

Icon

• 基本はHero Iconsを使う
  • https://heroicons.com/
• ちょっと特別なアイコンはReact Iconsから探す
  • https://react-icons.github.io/react-icons/
  • https://zenn.dev/taichifukumoto/articles/how-to-use-react-icons
• ソーシャル系はsimple icons
  • https://simpleicons.org/

Tailwind

• [有料] UIキット
  • tailwind UI
    • https://tailwindui.com/
  • tailwind ui kit
    • https://tailwinduikit.com/
• [無料]UIキット
  • たくさんあるのでまとめサイトを参照
    • https://coliss.com/articles/build-websites/operation/css/tailwind-css-ui-components-libraries.html
    • https://zenn.dev/kkeisuke/scraps/c3d668e6388676
  • supabase ui
    • https://ui.supabase.io/
    • Auth, Input, Modalのみなのでアプリケーション系だと使いやすそう
  • tailwind elements
    • https://tailwind-elements.com/
    • html/cssのみ
    • MUIライク
  • tailwind components
    • https://tailwindcomponents.com/
    • コミュニティ。デザインの参考に。
    • html/cssのみ
  • hyperui
    • https://www.hyperui.dev/
    • html/cssのみ
  • Headless UI
    • https://headlessui.com/
    • デザインはなく機能部分のみのライブラリ
    • コンポーネントは少なめ?
  • Flowbit
    • https://flowbite.com/docs/getting-started/introduction/
    • 動的なコンポーネントも一通りカバー
  • preline
    • https://preline.co/index.html
    • 動的なコンポーネントもカバー
    • シンプルで使いやすそう