Shu Web Creation

Works

制作実績

Top > 実績 > システム開発 > Next.jsのカレンダー

Next.jsのカレンダー

システム開発 Next.js
公開日 更新日
Next.jsのカレンダー

Vercelで見る
Githubでソースコードを見る

Happiness Chainの実務編に、Reactのカレンダーがあるので
そこから学んだロジックをもとに、Next.jsとTypeScriptで再実装してみました

SSG、SSR、CSRを使い分け

Next.jsの機能を活用し、パフォーマンスやSEOの最適化をすることができました

CRUDでTodoを挿入可能

日付を指定して、Todoを作成、更新、削除、詳細閲覧できます。

月の切り替え、月/週の切り替えが可能

useStateを使って、カレンダーの切り替えを実装しました