Skip to main content

[next.js] タグが付いた質問

質問する

react の SSR / SSG フレームワークである next.js についてのタグです。

55 件の質問
新着 アクティブ 懸賞付き 未解決
2 票
1 回答
939 閲覧数

現在、next.jsでSSRを利用した開発していますが、下記の疑問に回答いただけないでしょうか。 SSRを実装する中でgetServerSidePropsを記述しておくとサーバー側で処理が行われ、非��期にデータを取得して、取得データをpropsに突っ込めるということはわかりました。 getServerSidePropsのドキュメントを読むと注意書きに、...
redara's user avatar
  • 67
2 票
1 回答
669 閲覧数

Next.jsやGatsbyのSSGに関する私の認識が合っているかどうか、お伺いしたいです。 SSGすると静的サイトが出力できる、という話をあちらこちらで耳にします。 それで私は、SSGではReactを含まないピュアなHTMLが出力されるのだと思っていたのですが、最近これは間違っているのではないかと思うようになりました。 実際には ①ビルド時には通常のReactアプリケーションと、...
denko's user avatar
  • 77
2 票
1 回答
424 閲覧数

next.jsでページネーションを実装しています。 「{page}ページ目/{max_page}ページ中」と表示したい箇所があります。 max_pageはSWRでデータ件数をフェッチしてきた後に Math.floor(データ件数/1ページあたりの表示件数）という風に計算しています。 max_pageについてはページネーション遷移しても値は変わらないので、固定化したいところですが、...
redara's user avatar
  • 67
1 票
1 回答
2,213 閲覧数

Layout Component - Assets, Metadata, and CSS | Learn Next.js に下記の記載があります。 export default function Layout({ children }) { return <div>{children}</div> } 引数部の { children }の意味はなんでしょうか？ ...
shingo.nakanishi's user avatar
  • 6,543
1 票
1 回答
830 閲覧数

React.js を用いて Web サイトを開発しています。 モジュール形式で提供されていない、<script> タグで読みこんでグローバルオブジェクト（window）に追加されたオブジェクトを利用するタイプの外部スクリプトを、React.js でうまく扱う方法についての質問です。 たとえば、決済代行業者 PAY.JP が提供する payjp.js はまさにそのパターンで、素の ...
hiroyuki's user avatar
  • 67
1 票
0 回答
216 閲覧数

自作のライブラリをインポートしているコードをjestでテストするとエラーが発生します。 jest以外の処理は成功しているのですが、どうすればテストを成功させることができるのでしょうか。 FAIL src/pages/e2e.spec.tsx ● Test suite failed to run Cannot find module 'components/layout/Layout'...
サワヤン's user avatar
  • 195
1 票
0 回答
468 閲覧数

データベースとの連携の勉強でtodoアプリを作り、Vercelでのデプロイ時にエラーがでて躓いてしまったのでなにかご教授いただけると嬉しいです。 Next13, prisma, postgreSQL, railway, tailwind で作りました。 レポジトリはこちらです。 https://github.com/satoshi02198/Task-maker ...
Satoshi Okazaki's user avatar
  • 11
1 票
1 回答
386 閲覧数

muiのDatePicker APIを使用しています。 年度選択時のバックグラウンドカラーを変更したいのですが、方法が見つかりません。 日付選択はPickersDayコンポーネントのsxにstyleを指定して、それをDatePickerのrenderDayに渡せば変更できました。 方法をご存知の方、よろしくお願いいたします。
teidlldga's user avatar
  • 11
1 票
0 回答
141 閲覧数

短縮URLのようなサービスを個人開発しています。他サイトにリダイレクトするページで、PV数を測定する方法に悩んでいます。 技術選定 Next.jsのISRで短縮URLのページを生成 DBはSupabaseかPlanetScaleを検討中 サーバーはLambdaかCloudflare Workersを検討中 やりたいこと URLごとにいつ、どこから(国)、何回閲覧されたか計測したい ...
minato's user avatar
  • 11
1 票
1 回答
103 閲覧数

前提 現在ポートフォリオサイトを作成しています。 https://github.com/takoyan33/manga-kousatu.net https://mangakousatunet.vercel.app/ 実現したいこと 現在ポートフォリオ���作成していおり、 登録処理をコンポーネント化したいと考えています。 https://mangakousatunet.vercel.app/...
しゅんぺい's user avatar
  • 17
0 票
1 回答
627 閲覧数

【モダンJavaScript #7】モジュールの基礎を理解しよう！名前空間（スコープ）の問題とはおさらば！【フロントエンドエンジニア講座】 - YouTube を見てモジュールの形式が2つあることがわりました。 下記のNextJSのドキュメントに https://nextjs.org/learn/basics/assets-metadata-css/layout-component export ...
shingo.nakanishi's user avatar
  • 6,543
0 票
1 回答
549 閲覧数

[Rails API × Next]の構成で、セッションCookieを使ってログイン状態の管理をする予定です。 この場合、Rails APIにCORSの設定をするだけで、CSRF対策は万全といえるのでしょうか？？ CORSが設定されていれば、悪意のある外部サイト(異なるオリジン)からのリクエストを防いでくれるので、セッションCookieを利用した偽造リクエストもできないのかなと思っています。 ...
user43337's user avatar
  • 41
0 票
1 回答
4,295 閲覧数

Next.js(TypeScript)にJestを設定する方法 という記事のテストコードを参考にしたのですが、下記のエラーが出ました。 FAIL src/lib/__tests__/example.test.ts ● Test suite failed to run Jest encountered an unexpected token Jest failed to ...
しゅんぺい's user avatar
  • 17
0 票
1 回答
833 閲覧数

React/Next.jsで描画している配列に要素をただ追加(push)しても、描画が更新されないという問題があり、これ自体はuseStateで配列を更新するをみて、useStateを使って、再度インスタンス化のようなことをすれば解決できるとのことなのですが、これはパフォーマンス的には、よいものなのでしょうか？ 追加(push)した際に、すべての要素が再描画されてしまう気がします。 ...
zunda's user avatar
  • 1,214
0 票
1 回答
2,100 閲覧数

NextとTypescriptでWebサイトを作っています。 Firebaseを導入しようと思い yarn add firebase でFirebaseをインストールしNextに組み込もうとした際、下記のようなエラーが出てしまいました。 TypeError: Cannot read property 'apps' of undefined lib/firebase....
Tikka's user avatar
  • 55

15 30 50 件 / ページ
1
2 3 4