Skip to main content

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

質問する

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

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

現在、Next.js（14.0.1）とsocket.io（4.7.2）を使い、oViceのような仮想空間通話アプリを作成しています。 ユーザー認証にはFirebase Authenticationを使用し、仮想空間内のユーザーはダブルクリックで自由に移動でき、近くにいる他のアバターと自動的に通話が成立する仕組みを目指しています。 座標の移動とリアルタイムな位置共有についてはsocket....
Yumekawa-chan's user avatar
  • 71
0 票
0 回答
84 閲覧数

表題でわからない事がありこちらに��質問させていただきました。 皆様のお知恵を借りれれば嬉しいです。React学習3ヶ月ほどです。 現在開発しているWebAppではMUIを用いておりますが、 Jestでのテストで以下のエラーが発生しており難航しています。 TypeError: Cannot read properties of null (reading 'useContext') 質問 - ...
Pogi Masa's user avatar
  • 1
0 票
0 回答
77 閲覧数

現在、Reactを使用して複雑なフォームを構築しています。このフォームには、ドロップダウンやファイルアップロード、入力バリデーションなど、複数のフィールドが含まれています。 現在の実装では、以下のようにuseStateを使って各フィールドの状態を個別に管理しています： const [fatherCatId, setFatherCatId] = useState<string>('');...
kiti tora's user avatar
  • 1
0 票
0 回答
85 閲覧数

File型またはnullの配列のバリデーションを実施したいのですが型エラーになってしまい解消ができません。 期待値は配列内の項目ごとにnullであればエラーが返ってきて欲しいです。 型 'ObjectSchema<{ files: (FileList | undefined)[]; }, AnyObject, { files: ""; }, "">...
user16768's user avatar
  • 91
0 票
1 回答
128 閲覧数

Next.jsを新たに立ち上げ（６月２０日時点で最新のバージョン、app router使用）、Auth.jsはbeta版をインストールしました。beta版については、公式サイトにてバージョン４からbeta版となったときに破壊的変更が行われたために、特段の理由がない場合はbeta版を推奨していたためです。 そこから、Next.js、Auth.jsの公式サイトに従い、...
たけしたよしき's user avatar
  • 1
0 票
0 回答
216 閲覧数

プログラミング初心者です。 Maps JavaScript APIを使って、都市の名前がついたボタンを押すと、map内でその場所に移動し、マーカーがささるといったwebサイトを作ろうとしたところ、実行はできたのですが、コンソールで以下の3つのエラーが出ました。github copilot等を使っても解決しません。原因のわかる方がいたら、エラーの出ない方法を教えてほしいです。 3つのエラー you ...
user49026's user avatar
  • 11
0 票
1 回答
391 閲覧数

next.jsのfetch()でGETリクエストにContent-Typeを含めるとリクエスト先によってCORSエラーを出すときと出さないときがあります。わからないのは、CORSエラーを出さない時です。 例えば出さないケースですと下記コードのurlに https://umayadia-apisample.azurewebsites.net/api/persons/Shakespea ...
ttt's user avatar
  • 1
0 票
1 回答
548 閲覧数

この本はWindowsを対象に書かれているのですが、今回Macで同じことを学んでいます。 Dockerでfrontend, backend, MySQLのコンテナを用意し、以下のようにAPIを取得するという流れですが、ネットワークエラーが起きうまくいきません。 localhost:3000 から localhost:8000 ...
RYJ's user avatar
  • 3
0 票
0 回答
64 閲覧数

以下にて質問したにですが、解答が得られないためこちらでも失礼いたします。 https://teratail.com/questions/qcs66ekjgitvdl 実現したいこと ソース「ChatVRM」 https://github.com/pixiv/ChatVRM こちらを元に開発しております。 TailwindCSSのピクシブさんが作られたcharcoalが使用されています。 ...
chibahiro0514's user avatar
  • 1
0 票
1 回答
181 閲覧数

docker-compose環境でnext.js13のフロントエンドからモック用のjson-serverにfetch関数でpostしたところ、下図のようなエラーが発生しました。/articles/newの「投稿」ボタンクリックでjson-serverへpostしています。色々と調査したものの解決に至らず、手助けいただけると助かります。 調査 ...
REX BOV's user avatar
  • 1
0 票
1 回答
357 閲覧数

react 18.3.0 の use を使ったfetchとSuspenseを行いたいのですが、複数回（ときには無制限）の再レンダリングが発生してしまっています。 解決方法を教えてください。 react: 18.3.0-canary-3ff846d10-20230724 next: 13.4.12 以下のコードでトップページを開くと画面にDoneが表示されるまでの間、render ...
Isuke FUJIYAMA's user avatar
  • 346
0 票
1 回答
222 閲覧数

フロントエンド初心者です。 nextjs(v13.4.13)で、Firebaseにデータを保存したいですが、うまくいきません。 まず、Firebaseへの接続は完了できているので、API_KEYなどは正しく設定できているはずです。(理由は後述します。) 以下に各コードで何をしているかを説明します。 app/_gateway/firebase_config.ts ここでは、...
nao's user avatar
  • 1
0 票
1 回答
410 閲覧数

teratailとのクロスポストです。 https://teratail.com/questions/m36tsrglghhmol 実現したいこと ページ単位で状態を共有する（実装済みだが、Next.jsの枝葉をClient Componentにして幹はServer Componentにするという原則に反してしまっているので、できれば解消したい）。 ...
yuntan_t's user avatar
  • 43
0 票
0 回答
120 閲覧数

ローカルではメールが届いているが、デプロイして本番にあげた途端届かない事象が起きました。 vercelのログを見ると200は返してるので送信自体は成功しているっぽい。けど実際にメールが届かない... sendgridのActivity見ても反映されていない...basic認証かけてたせいかと思ったけど無くしても意味なく... 同じ現象に遭遇した方いませんか？ 一応参考にしたサイト https://...
Dipitto's user avatar
  • 1
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

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