いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）

免責事項 社内向けに展開するように雑にまとめました Next.jsの知見が深くない人がリードしてPoCを立ち上げなきゃいけなくなったが、社内的にはNext.jsを推奨しているみたいな場面を想定しています なので自信ないところも多いですが割と断言するように心がけて書いています PoCの立ち上げ想定なので、jest/Storybookなど内部品質面についてあまり深く書くことを避けています ほぼ自分の知識だけで書いており私見も多いですし、そもそも自分自身がトップクラスの知識や視座を有しているわけでもないので、まずは以下の話を理解はした上で、踏襲するかどうかは別途他記事やGitHub、公式ドキュメントなどを漁って判断することを推奨 App RouterかPages Routerか 2023年末現在まだApp Routerは技術記事が足りてきている印象ではないため、社内でノウハウを積極的に貯めていく

[knjname]

SEO考慮かそうじゃないかで全然戦略違うよね

[dowhile]

詳しく> “ドメインの取得は某などを除けばどこでも良いが”

[youko03]

“JWT（+ Authorization Header）で認証するかCookieで認証するか Server Component内で認証が必要なAPIを叩くことはあり得ると思うので、そのときCookieベースでないとサーバー側に認証に必要なトークンを渡す方法が無い（多分）"

[mumei-0]

“Pages Routerをあえて選ぶことも個人的には賛成で、そのときはClient Componentへの切り分け等を将来的にやりやすいこと……”

[dmttlili]

追いかけるのしんどいので、共通化してる部分だけ意識すれば楽になれることに気が付いた。共通な部分以外はよしなにやるしかないけど

[fut573]

サブドメイン発行して外に流すだけでdnsサーバー数万契約になる某所なことかな？　ドメイン

[finefinethankyou]

何が何だかわからねえ

[Nyoho]

「App Routerになるとどのみちクビになるが、Head.tsxコンポーネントを作るのはおすすめ」「next/linkやnext/imageも変更が多いのでラッパーを作っておくと安心安全」このへんの知見参考になる〜

[shintaro_kawase]

tailwindcssはそもそも使ってないのはパージされるんでは…部分的に読み込めるし…

[tettekete37564]

回復したら読む

[bellonieta]

Vercel選べない時の話もあって参考になった

[manaten]

server actions使えるなら、クライアントが叩くのをserver actionsに寄せることで、CookieやCORSなどのクロスオリジンの問題が自然に解決して、なおかつ開発も楽になるという一石二鳥なんだよなあ。Vercel頑張って欲しい

[takeag]

SWRもいいけどTanStack Queryもいいよ

[taguch1]

ありがたい。chatgptと議論してる内容の答え合わせの材料的に勉強になる。

[nunulk]

"pathpidaはTyped Routesが来ると不要になるので"

[uehaj]

Panda CSSの言及が頂きたく。Refineへの言及がサラリとありすごい情報収集力だ

[mayumayu_nimolove]

手段を目的化