Route HandlersでAPIを設計して呼び出してみよう
はじめに 本章では、Next.jsのRoute Handlersについて解説します。 ナビゲーション右上のユーザ情報部分を開発しながら学んでいきます...
BLOG
ブログ
Next.js
【Next.js】Auth.js v5で認証機能を実装
本章では、SNSアプリに認証機能を導入します。 Next.jsで認証機能を実装する際に人気のライブラリであるAuth.jsを使います。 チュートリア...
ServerActionsのローディング表示をuseActio...
本章では、useActionStateを使ってフォームの状態管理をする方法を学んでいきます。 チュートリアルの全体像 本チュートリアルを通じて学べる...
Next.jsにZodを導入してバリデーションを実装しよう
本章では、Next.jsで開発されたアプリケーションにバリデーション機能を実装する方法を学びます。 チュートリアルの全体像 本チュートリアルを通じて...
ReactのSuspenseでローディングをリッチにする【Ne...
本章では、ReactのSuspenseを使ってローディングを実装していく方法を解説していきます。 チュートリアルの全体像 本チュートリアルを通じて学...
Next.js × Vercel Blobで画像アップロードを...
本章では、Vercel Blobを導入して画像アップロードを実装していきます。 システム概要のうち以下の部分にあたります。 チュートリアルの全体像 ...
【Next.js】ServerActionsでデータを変更して...
本章では、ReactのServer Actionsを使ってデータを作成・変更する方法を学んでいきます。 前半では、Server Actionsの概要...
【Next.js×Prisma】サーバコンポーネントでデータ取...
はじめに 前回の記事では、Vercel PostgresやPrismaの設定、テストデータの作成を行いました。 今回の章では、実際にデータを取得して...
Next.js+Postgres+PrismaでDB設計をしよ...
はじめに 本章では、データベースを中心にプロジェクトをセットアップしていきます。 を設定していきます。 設定対象は以下の図のようになります。 動画で...
Next.jsのApp Routerを理解して使ってみよう
はじめに 今回の章では、App Routerの仕組みを理解して使ってみましょう。 チュートリアルの全体像 本チュートリアルを通じて学べる内容は以下の...
- 1
- 2