どんな講座？
Next.js14/Stripe/Vercel Postgres/NextAuth.js/MicroCMSを用いてフルスタック販売Webアプリケーションを開発する講座です。デプロイ後もWebHook設定やパフォーマンス測定まで行います。
このコースを受講する基本情報
- 提供：Shin Code
- 価格：有料コース
- 勉強時間：4時間
- 言語：日本語
- 掲載サイト：Udemy
学習内容
- Nextjs14の基礎とその使い方が学べます
- Nextjsの機能をフルで使いフルスタックアプリケーション開発手法を身につけます
- NextAuthを使ったOAuth認証の実装ができる
- MicroCMSとWebHookを使った記事作成の実装ができる
- Vercel Postgresを使ったDB管理手法が学べる
- NextjsにおけるGoogleFontを変更する方法が学べる
- Nextjs14のappディレクトリの取り扱いについて学べる
- GithubProviderを利用してOAuth認証実装ができる
- PrismaORMを使ってデータ操作ができるようになる
- getServerSessionを使ってサーバーサイドでセッション取得ができるようになる
- microcms-sdkを使ってクライアント側でMicroCMS専用のAPIが作れるようになる
- Next API RouteでAPIを実装したい方
- 商品購入時の際にモーダルを出現させることができる
- NextAuthでログイン/ログアウトが実装できる
- Stripeを使ってチェックアウト決済機能を実装できる
- 決済が完了したら購入完了ページへ遷移できる
- 購入時にDBに保存履歴を残すことができる
- 購入履歴のデータを利用して複数回購入を防ぐ実装ができる
- useEffectが2回発火してしまう問題を解消できる
- 詳細記事ページを作成して動的ルーティングを学べる
- 商品購入履歴APIが実装できる
- TypescriptベースでNextjs開発ができるようになる
- ユーザープロフィールページが作成できる
- ログイン中のユーザーの購入履歴を取得できる
- 購入した記事一覧取得APIが構築できる
- Suspenseを利用してローディングを実装できる
- Vercelを使って本番デプロイできる
- 最新記事データを反映させるためにSSRで実装できる
- デプロイ後のパフォーマンス測定を体感できる
- ISRに変更した際にSSRとパフォーマンスの差がどのくらい出るのかが分かる
- CSRとSSRとISRをどのように使い分けるのかが大よそ理解できる
- リファクタリングできる箇所がないか？最後に確認ができる
- 環境変数の取り扱いを学んでみたい方
- Show more
受講者の評判・レビュー
まだレビューがありません。