サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Blog /announcement /Frontend /UsingApollo Client withNext.js 13: releasing an official library to support the App Router Back toBlog May 10,2023UsingApollo Client withNext.js 13: releasing an official library to support the App Router The latest release ofNext.js 13 (13.4) declared the new app directory as stable andit will now be the default for new projects. The app directory is a major
React Server Component と Suspense とNext.js@13 ってなんか紛らわしくねReact Server Component(RSC) rfc https://github.com/reactjs/rfcs/blob/main/text/0188-server-components.md 概要 RSC はサーバー上で実行されるコンポーネントのこと サーバー上で実行されるということで、データベースへの通信などを直接行うことができる コンポーネントはレンダリング結果のみがクライアントに送られるので、秘匿情報などの流出は起こらない 適当に具体例を書くと // 従来の方法(React Client Component, RCC とする) const Page = () => { const { data } = useSWR("/todos/1", () =>
As the adagegoes,unity is strength. The premierGraphQL EU “unconference”, held in Berlin, is a testament to this belief. This phenomenal event was the result of immense collaboration between various companies and providers within our vibrant ecosystem. The partnership among these key players, backed by the tireless efforts of theGraphQL Foundation, truly highlighted the strength of our communi
Next.js の App Router が安定版となり、React Server Components (以下 RSC) を実際に試す環境が整ってきた。 実際、今年はやれどこそこのプロダクトがNext.js を採用しただのやっぱり捨てだのといった話題が尽きなかったように思う。 かくいう自分自身も、今年は App Router の案件に取り組んで RSC と格闘する日々を送っていた。 その過程で、こんなようなことを考えるようになったので、今回はこの辺りの話を書き残しておこうと思う（何回か X に同じ旨の POST は上げていたけど、一回もちゃんとまとめてなかったので）。 RSC がない頃の、別の言い方をすると getServerSideProps を使っていた頃の、Next.js におけるアプリケーションの設計は、トラディショナルな MVC にかなり近しい。 ここでいう MVC は、Sp
App Router移行は進んでいますか？Next.js v13から一年以上経過しました。ReactとNext.jsは、React Server Component(以下RSC)やServer Actionを筆頭にどんどん新機能がリリースされています。 私も仕事でNext.jsを採用しています。 App Router移行するか。するとしたらいつするか。 どのようなアーキテクチャにするか考えついに先日、全ページApp Router移行できました。 一緒に働くフロントエンドエンジニアのみなさま、工数を確保してくださったPMありがとうございました。 対象読者Next.jsで開発しており、Pages Routerの資産を持っている人 これからApp Routerに移行したい人 App Routerの移行で困っている人 なぜ移行しようと思ったか App Routerが公開されましたがPages
Next.js +ApolloNext.js の公式リポジトリにはApollo を使用する際のサンプルコードがあるが、 これらを参考に SSR するとかなりパフォーマンスが悪い。 with-apollo with-typescript-graphql 例えば、with-typescript-graphql の/pages/index.tsx を見てみる。 ... import { useViewerQuery, useUpdateNameMutation, ViewerDocument, } from '../lib/viewer.graphql' import { initializeApollo } from '../lib/apollo' const Index = () => { const { viewer } = useViewerQuery().data! ... re
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
