2020.12.6
セイキン、ヒカキンを弟と気付かず乱射して蜂の巣にしてしまう 「兄ちゃん助けて!」と悲鳴上げるが...
これがマジで好きすぎる
https://gyazo.com/b68b745e8444f1ca8f9a07822ef68993
アクセスしたらもっかい立ち上がった
https://gyazo.com/0f9f5162bce6dc44a97eb4a1ce098b82
いやけどメモリ使用率がずっとあるしHTTPレスポンスもたまに帰ってるんですよね うーん
ServerSideProps経由のFirebaseは遅い!
遷移時はクライアントの方が取得できる情報が多いしかもしれないし(Auth済みの場合)早いし、あんましNext公式は推してないようだけどgetInitialPropsの方が良いのではないか
https://gyazo.com/ae41972569d2080eb7b4aaa38ab547e4
実際に使ってみた…
コンポーネントに生えてるgetInitialProps = async (ctx) =>にServerSidePropsだった中身をベタ貼り、返りの型チェックが厳密になるのでちゃんと返す
fallbackとかが不要になるのでpropsを外す
https://gyazo.com/ed8d6ba6eb0b16b079a18d9fc0ca5a9c
遅い図
クライアントでの追加fetchでもServerSideかどうかをNextPageに伝えて、で追加取得みたいなのしないといけなさそう
やった
https://gyazo.com/e1586d63e935b246ecfa5e9427f5a01a
サーバサイド側での取得は失敗の際一旦信じずLoading出して、クライアントで取り直す、それでもだめだったら404
const [loaded, setLoaded] = useState(!ctx.isServer)
const isServer = !!ctx.req
実際これで良さそう、resも使えるのでちゃんと404も示せる
ScrapboxではGif変換して出してる都合でしばらく出ないんだな
@chakra-ui/number-input 使ってみてー
部分的に使えそうだし
多分そういうことだよね?Emotionの依存とかは増えそうだけどスタイルは自前で呼んでくれる?
NumberInput(よく作り込まれたinput[type=string])使いてー