Shu Digital Works

Archive

アーカイブ

Top > Articles >

タグ: Rails

Next.js × Rails|Stripe Checkoutで決済機能を実装する

Next.js × Rails|Stripe Checkoutで決済機能を実装する

プログラミング

Stripe Checkout 決済の実装方法を解説。カート連携やWebhookによる注文登録にも対応。

Next.js × Rails|Stripe Connect によるショップのオンボーディング実装

Next.js × Rails|Stripe Connect によるショップのオンボーディング実装

プログラミング

Stripe Connect を使った Next.js × Rails のショップオンボーディング実装を解説します。

Next.js × Railsでつくるステートレスなカート機能の実装方法

Next.js × Railsでつくるステートレスなカート機能の実装方法

プログラミング

localStorage を利用したステートレスなカート機能を実装する方法を解説。

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

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

プログラミング

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

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

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

プログラミング

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

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

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

プログラミング

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

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

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

プログラミング

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

RailsのX CloneをAWS ECS / Fargate に手動デプロイする

RailsのX CloneをAWS ECS / Fargate に手動デプロイする

プログラミング

Rails製XクローンをAWSへ手動デプロイ。FargateやRDSを使った構成を丁寧に解説。