電子記事販売WebアプリケーションをNext.jsをフル活用して実践力を身に着けるWeb開発マスター講座
Next.js14/Stripe/Vercel Postgres/NextAuth.js/MicroCMSを用いてフルスタック販売Webアプリケーションを開発する講座です。デプロイ後もWebHook設定やパフォーマンス測定まで行います。
4.19 (131 reviews)
2,813
students
4 hours
content
Jun 2024
last update
$19.99
regular price
What you will learn
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をどのように使い分けるのかが大よそ理解できる
リファクタリングできる箇所がないか？最後に確認ができる
環境変数の取り扱いを学んでみたい方
Screenshots
5662021
udemy ID
11/16/2023
course created date
12/16/2023
course indexed date
Bot
course submited by