👾

React/Next.jsに触れてみる Vol.3

2025/01/05に公開

Googleドキュメントクローン制作

・参考教材:Code With Antonio(Youtube)
https://www.youtube.com/watch?v=gq2bbDmSokU

進捗

  • googleドキュメントを複製する中でReactとNext.jsを学ぶ 3回目
  • 本日の進捗(Timestamps)
    04:35:01 Search input component
    05:00:54 Template gallery component
    05:16:25 Database setup (Convex)
    05:33:29 Authentication setup (Clerk)

思ったこと

  • まず必要な外の枠組みから作っていき、順番に機能を実装させるやり方が王道なのだろうか。(確かにNext.jsはコンポーネント型だし、実際その方が編集もしやすいのだろう)
  • 新しいdocumentの作成ボタン(GUI上)とデータベースを連動させるのに「convex」なる開発プラットフォームが登場
  • convexは主にNext.jsのバックエンド機能を提供するサービスとのこと
  • 加えて、ログイン機能を作るために、「clerk」を利用
  • 自分でログイン機能+ログイン中の待機アクションを設定できることに少し感動(模写ですが...)
  • 明日から通常業務が開始されるが、自分の勉強も必ず進めてまいりたい

Discussion