タグ: Next.js
Next.js × Rails｜Stripe Checkoutで決済機能を実装する
Stripe Checkout 決済の実装方法を解説。カート連携やWebhookによる注文登録にも対応。
Next.js × Rails｜Stripe Connect によるショップのオンボーディング実装
Stripe Connect を使った Next.js × Rails のショップオンボーディング実装を解説します。
Next.js × Railsでつくるステートレスなカート機能の実装方法
localStorage を利用したステートレスなカート機能を実装する方法を解説。
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側の検証まで対応。