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!

パスワードをお忘れですか ?
登録
アカウントをお持ちではないですか?登録してください!
アカウントを登録します

登録確認のメールが送信されます.