Next.jsでToDoリストを作った

はじめに

Next.jsの学習を兼ねてToDoリストを作りました。

完成品

今回はデータベースやローカルストレージ等も使用していないので、入力したToDoはリロードすると消えてしまいます。

https://next-study-todo.vercel.app/

仕様

• 入力欄にToDoを入力して追加ボタンをクリックでToDoが追加
• 完了したToDoはチェック済にステータスを変更可能

使用技術

• Next.js@14.0.2
• Typescript@5
• Vercel

おわりに

モチベーションが続くようであれば、入力したToDoを保持する形にアップデートしてみようと思います。