Next.js × Rails｜SSR＋CSRで実装するECサイトの商品一覧ページネーション

SSR＋CSRを組み合わせた商品一覧ページのページネーション実装。シンプルで見やすいUI設計。

Next.js × Rails × React Hook Form × Zod で画像付きフォームを実装する

画像アップロード対応の商品登録フォームを実装。Zod のカスタムスキーマで型安全に。

Next.js × Rails で API通信を共通化するBFF（Proxy）構成を実装する

Next.jsとRails間のAPI通信をBFFで共通化。JWTやCookie制御も含めた実装を詳しく解説。

Next.js × Rails × Auth.js でGoogle OAuth + JWTによる認証を実装する

Next.js × Rails 構成で Google OAuth 認証を Auth.js + JWT で実装。Rails側の検証まで対応。

2025年9月の学習の振り返り

9月は、ポートフォリをコーディングし、アプリの体裁が整ってきた。じっくり休みました。