ServerActionsのローディング表示をuseActio...
本章では、useActionStateを使ってフォームの状態管理をする方法を学んでいきます。 チュートリアルの全体像 本チュートリアルを通じて学べる...
BLOG
ブログ
エンジニアリング
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の仕組みを理解して使ってみましょう。 チュートリアルの全体像 本チュートリアルを通じて学べる内容は以下の...
Next.jsで画面デザインしながら基礎を学ぼう
はじめに SNSのLP(ランディングページ）をデザインしながら、Next.jsで画面構築する方法を学んでいきます。 本チュートリアルではTailwi...
【Next.js】SNSを作りながら学ぶ本格チュートリアル
このチュートリアルでは、フルスタックアプリケーションを開発しながらNext.jsの機能を紹介していきます。 実際にSNSアプリを開発しながらNext...