【評判】Nextjs + Tailwind CSS + Django REST Framework で学ぶモダンReact開発
-
-
本コースの特徴 -
受講生の声
レビュー数の推移
直近6か月以内に本講座のレビューに関して記載された記事はありません。
学習内容
NextjsとREST API連携 (DRF)
Tailwind CSS (class utility フレームワーク)
SSG(Static Site Generator) ISR(Incremental Static Regenerator) CSR(Client Side Rendering) -> useSWR
詳細
Update log
2022/08/27: 2022 11月にHerokuの無料プランが廃止される為、Render無料プランでのDeploy手順を追加 (lecture 24)
Webサイト開発の最新技術、Nextjs + Tailwind CSSを習得します。
*本コースでは、Nextjsの解説がメインなので、Django REST Frameworkは解説少なめでさくっと作ってしまうのでご了承ください*
Incremental Static Regeneration(ISR), Static Site Generation(SSG), SSG+ISR+Client Side Fetching(useSWR)の挙動を完全理解する為、REST APIのサーバーデータを操作しながらNextjsの理解を深めていきます。コースでは、Nextjsの機能を理解しながらNextjsプロジェクトを二つ作成していきます。
Project 1 : 簡易ホームページ (外部APIのブログ記事をpre-rendering)
Project 2 : 認証機能付き ブログ+Todos (オリジナルREST APIと連携してSSG+ISR+useSWR)
本コースで学ぶトピック
Nextjsプロジェクト作成
Tailwind CSSの導入
LinkによるClient-side-navigation
Layoutコンポーネントの活用
useRouter
Static Site Generation(SSG)
Incremental Static Regeneration(ISR)
Stale While Revalidation
useSWR
fallbackの理解
revalidateの理解
Dynamic routing
getStaticProps
getStaticPaths
useContext(state management in Nextjs)
Deploy to Vercel
JWT認証機能
universal-cookie
Django REST FrameworkによるREST API実装
REST APIのDeploy
REST APIとNextjsの連携 (node-fetch + client side fetch(useSWR)
SSG + ISR + CSR(useSWR)を組み合わせた、SEO対策+リアルタイムデータ取得手法
本コースの特徴
本コースの特徴を単語単位でまとめました。以下の単語が気になる方は、ぜひ本講座の受講をオススメします。
受講者の感想
本講座を受講した皆さんの感想を以下にまとめます。
評価や口コミ
参考になる受講者の口コミやレビューを以下にまとめます。
良い点
- ● コピペばかりと批判する方もいたようですが、環境構築するときに、コードを書き写すのも難しいので、初めは、サンプルを使ってこんな仕組みだと理解することが、良い方法だと思います。
- ● (自分が他の方の講義を受講した時タイピングして入力していたので動画を停止せずに開発ができて楽だったので)質問すればすぐに回答がいただけるのでとても良いです。
- ● next.jsについての仕組みを丁寧に説明していただきながら、開発が進められ、分かりやすく学習できる講座だと思います。
悪い点
- ● プロジェクトの作成の動画がなく、急にプログラムを書く途中から動画が始まる。
- ● Next.jsの最新のバージョンアップに対応していない。
- ● 内容は良かったが、他のUdemy講師の動画と比べて画面に映されるコードが小さく見づらかったから。
レビューの一覧
・Udemyを使って、フロントエンドエンジニアになるためのロードマップを考えてみた[2023-07-11に投稿]
・フロントエンド入門 どうする？[2022-12-01に投稿]
他にオススメな関連講座のランキング
