Laravel12 React typescriptでECサイトを作る。注文メール、Stripe決済、Xserver公開

商品一覧画面から注文できるECサイトをフロントエンドにReact、バックエンドにLaravel、データベースにmySQLを使って構築します。

ショッピングカートの仕組みの主要素　商品をカートに入れる際にセッションの使い方がわかるようになります。

注文確定メールの送信、管理者宛の注文メールといったLaravelからメールを送信する技術を学べます。

注文情報をデータベースに登録する際に、注文基本情報、詳細情報をトランザクション処理を用いて登録します。ユーザー登録するときにユーザー名、メールアドレス、パスワードの他に郵便番号、住所も登録する方法が分かります。

作成したアプリはXserverで公開する方法も説明しています。

デモアプリは　web-web．work／ec／　でエックスサーバーで公開しています。左のドットとスラッシュを半角に変換してください。

コントローラーとフロントReatctファイル、ルーティングweb.php、モデルとの関係を理解できます。

ソースコードはリソースに配置しておりますのでコピーアンドペーストで誤字脱字に気にせずシステム構築ができます。

複数のテーブルをリレーションしたデータの出力・表示方法が分かる。

登録時の誤入力を防止するバリデーションが学べる。バリデーションの日本語化が分かります。

ReactとLaravelをInertia経由で操作する方法を学べる。

Laravel Breezeでアカウントの作成、ログイン認証機能を作れる。

consoleを有効に使ってLaravelのコントローラーから返却されるデータの確認ができる。

Reactで取得したデータの表示方法、バリデーションへの活用方法が分かる。

Laravelでのテーブルの作成方法、ダミーデータの挿入方法が分かる。

ReactでLaravelにアクセスして、トランザクション処理を理解できるようになる。

ReactのInterfaceの概念が理解できるようになる。

ユーザー認証機能Laravel Breezeに名前、メールアドレス、パスワードに加えて郵便番号、住所を拡張することができるようになります。

郵便番号からAxiosを経由して住所を自動出力する方法がわかります。

決済方法として代引きとStripe決済　選択できる仕組を構築できます。