Next.jsの初学者向けチュートリアルコンテンツです。カード型のTODOアプリをNext.js及びTypeScriptで開発していきます。
TODO情報の格納には、世界で広く利用されているNoSQLのデータベース、MongoDBを利用します。MongoDBの処理は、Next.jsの Server Actions 及びサーバAPIを利用します。
ステップ・バイ・ステップで、クライアントコンポーネントからサーバーコンポーネントの実装、そしてアプリのデプロイ・リリースまで行い、フルスタック型の開発を体得出来ます。

Next.js + MongoDB カード型TODOアプリ

はじめに

環境構築

ベースレイアウト

コンポーネント開発

MongoDB セットアップ

タスク作成機能

タスク取得機能

タスク編集・削除機能

レスポンシブ対応

GitHub、Vercel連携

mongodb

nextjs

react

typescript

vercel

bauhaus