【評判】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の講義をありがとうございmした!自分でアプリ作ってみたいと思います!講師の方は質問への回答も速く講座もアップデートされているので、良い講座だと思います。
- ● コピペばかりと批判する方もいたようですが、環境構築するときに、コードを書き写すのも難しいので、初めは、サンプルを使ってこんな仕組みだと理解することが、良い方法だと思います。
- ● 気になった点としては、PythonでAPIを作成するときのエディタはVSCodeでいい気がするし、仮想環境もvenvを使えばanacondaをインストールする必要もないと思いました。
悪い点
- ● プロジェクトの作成の動画がなく、急にプログラムを書く途中から動画が始まる。
- ● Next.jsの最新のバージョンアップに対応していない。
- ● 内容は良かったが、他のUdemy講師の動画と比べて画面に映されるコードが小さく見づらかったから。
レビューの一覧
・Udemyを使って、フロントエンドエンジニアになるためのロードマップを考えてみた[2023-07-11に投稿]
・フロントエンド入門 どうする？[2022-12-01に投稿]
他にオススメな関連講座のランキング
