【フルスタック開発】【Next.js】と【Laravel】で映画情報アプリを作ろう【webアプリ開発】
バックとフロントの人気言語であるLaravelとNext.jsを使って、フルスタック開発ができるエンジニアになろう！Next.jsとLaravelでフルスタックに開発する講座です。外部APIも利用して映画情報を表示していきます
Ratings 4.19 / 5.00
What You Will Learn!
- NextjsとLaravelを使ったフルスタック開発を学べます
- NextjsとLaravelでどうやって連携して開発するの？その方法が学べます
- Nextjsを利用したシングルページアプリケーションについて学べます
- 外部APIを利用した開発方法を学べます
- LaravelBreezeを使った認証機能＆API連携法を学べます
- Laravel、Nextjsそれぞれの基礎知識も学べます
- SSG、SSRを利用した効果的なページ作成方法を学べます
- useEffect,SWRを利用したデータ取得方法を学べます
- MUIを使ったおしゃれでレスポンシブなデザイン作成方法を学べます
- nexjtjsはReactのフレームワークであるためReactについても学べます
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."
Who Should Attend!
- LaravelとNextjsでフルスタックアプリ開発がしたい人
- Nextjs、React、Laravel初心者でも大丈夫
- 初めてフルスタック開発をする人
- LaravelとNextJsの連携方法を知りたい人
- 何かアプリを作って知識を定着させたい人
- 外部APIの利用法を学びたい人
- MUIでのスタイリングを学びたい人
- 映画アプリを作ってみたい人