Closed15
Next.jsのチュートリアルをやる
蔀やる
蔀Next.jsの何が嬉しいか
蔀新ページのつくりかた
蔀<Head>タグもhtmlの<head>ではなく、import Head from 'next/head'でimportしてる、next.jsのモジュール
蔀styled-jsxというライブラリを使うと、CSSをReact内部に書ける
<style jsx>{`
…
`}</style>
ここで急にコード量増えて、置いて行かれた感じがする
蔀ReactはブラウザのJS禁止されたら何もできないが、Next.jsはpre-renderingの仕組みがあるから、動く。
これすごいけど、無効になる機能がさすがにあるんじゃないかな？
その辺がよくわからない
蔀Static GenerationとServer-side RenderingはPageごとに設定がわけられるそう。
全部Server-side Renderingでいいんじゃないかと思っていたら、そんなことはないらしい。
さほど頻繁にデータ更新が入らない画面なら、Static Generationでやって、
毎秒更新が入るようなページに対してのみSSRを使うのが基本指針とのこと
蔀うーんチュートリアルちょっと迷子になった気がする……
getStaticPropsって結局なんで動いてるんだ？
蔀Dynamic Routingの仕組みはなんとなくわかった
蔀APIのエンドポイントも簡単につくれる。これはちょっと感動
蔀Next.jsのチュートリアル雑感
- 簡潔な記述なのは良かった
- Next.jsの概念を必要十分に説明しているところも良い
- ただ説明不足感があって、所々置いてけぼり感があった
- 特に「Pre-rendering and Data Fetching」のあたり
- 全体的にあまりいいチュートリアルとは思わなかった。ある程度わかってる人向けの、必要十分、という感じ
このスクラップは2021/06/09にクローズされました