Next.js&TypeScript体験シリーズ
セクション1 Next.jsとTypeScriptの概要
1. Next.jsとは
2. TypeScriptとは
セクション2 : CSR, SSR, ISG, ISRの動作を理解する
3. create-next-appを使ってNext.jsをプロジェクトを作る(学習環境の構築)
4. Server Side Renderingの動作を確認する(CSRとSSRの比較)
5. Static Site Generatorsの動作を確認する(SSG)
6. Incremental Static Generationの動作を確認する(ISG)
7. Incremental Static Regenerationの動作を確認する(ISR)
セクション3 : Material UIを組み込む
8. Next.jsにMaterial UIを組み込んでデザインを整える1 ~Material UIを使うための事前準備~
9. Next.jsにMaterial UIを組み込んでデザインを整える2 ~モバイル用のヘッダー&メニュー実装~
10. Next.jsにMaterial UIを組み込んでデザインを整える3 ~PC用のヘッダー&メニュー実装~
11. Next.jsにMaterial UIを組み込んでデザインを整える4 ~Post一覧の見た目をGridで整える~
12. Next.jsにMaterial UIを組み込んでデザインを整える5 ~Cardを使ってデザインを整える~
Previous レッスン
Next レッスン
8. Next.jsにMaterial UIを組み込んでデザインを整える1 ~Material UIを使うための事前準備~
Next.js&TypeScript体験シリーズ
8. Next.jsにMaterial UIを組み込んでデザインを整える1 ~Material UIを使うための事前準備~
資料
Next.js公式ドキュメント
Custom App
Custom Document
useRouter
next/link
Material UI公式ドキュメント
トップページ
Installation
Server Rendering
Drawer
App Bar
Material Icons
Hidden
Divider
Typography
Grid
Container
Card
Paper
makeStyles
createStyles
React公式ドキュメント
リストと key
「Next.js & Material UI」の解説用に作成したコード
(GitHub)
Unsplash Source
(無料画像サイト)
Previous レッスン
Back to コース
Next レッスン
ログイン
Accessing this コース requires a login. Please enter your credentials below!
ユーザー名またはメールアドレス
パスワード
ログイン状態を保存する
パスワードをお忘れですか ?