【フルスタック開発】【Next.js】と【Laravel】で映画情報アプリを作ろう【webアプリ開発】

Description

【2024年1月5日追記】

最近（2023年12月24日）、Laravel Breezeが組み込まれたNext.jsでは、ルーティングの方式が「Pages Router」から「App Router」に変更されました。この「App Router」に対応した教材への更新作業を進めていますが、現在の時点（2024年1月5日）では「Pages Router」を使用しています。そのためすぐに「App Router」で学びたい方は、当コースの受講を見合わせることをお勧めします。

映画アプリをLaravelとNext.jsをAPI通信で連携してフルスタックで開発していきます。また映画の情報などは外部APIであるTMDBを利用して取得します。具体的に作る機能は以下の通りです。

・人気映画一覧表示

・作品検索機能&フィルタリング機能

・レビュー機能（投稿、編集、削除）

・作品評価機能（作品の評価を点数と星で表示）

・コメント機能（レビューに対しての返信のこと）

・お気に入り機能（お気に入り登録＆登録作品一覧表示）

また以下のことを学べます
・バックとフロントを連携したフルスタック開発法
・LaravelとNext.js両方の知識
・Laravel Breezeを使った認証機能&API通信
・非同期通信について

・外部APIの利用方法

・SSG,SSR,SWRの利用法

・MUIでおしゃれでレスポンシブなサイトデザインの作り方

・swiperの利用法

"This [website, program, service, application, product] uses TMDB and the TMDB APIs but is not endorsed, certified, or otherwise approved by TMDB."

What You Will Learn!

• NextjsとLaravelを使ったフルスタック開発を学べます
• NextjsとLaravelでどうやって連携して開発するの？その方法が学べます
• Nextjsを利用したシングルページアプリケーションについて学べます
• 外部APIを利用した開発方法を学べます
• LaravelBreezeを使った認証機能＆API連携法を学べます
• Laravel、Nextjsそれぞれの基礎知識も学べます
• SSG、SSRを利用した効果的なページ作成方法を学べます
• useEffect,SWRを利用したデータ取得方法を学べます
• MUIを使ったおしゃれでレスポンシブなデザイン作成方法を学べます
• nexjtjsはReactのフレームワークであるためReactについても学べます

Who Should Attend!

• LaravelとNextjsでフルスタックアプリ開発がしたい人
• Nextjs、React、Laravel初心者でも大丈夫
• 初めてフルスタック開発をする人
• LaravelとNextJsの連携方法を知りたい人
• 何かアプリを作って知識を定着させたい人
• 外部APIの利用法を学びたい人
• MUIでのスタイリングを学びたい人
• 映画アプリを作ってみたい人

TAKE THIS COURSE