nextjs 服務器組件加載可以延遲嗎？
[英]can nextjs server component loading be deferred?
目前正在開發一個可能成為 SaaS 應用程序的個人項目。 該應用程序當前使用 nextJs 13+ 在前端使用 firebase 身份驗證。 我已保護所有必需的組件。 問題是，我已經在 go 中編寫了我的后端，我只希望登錄用戶可以訪問我的 API 端點。 我知道有一個 SDK 可用於通過將 uid ...
使用表單數據發布圖片時出錯：“NotSupportedError：不支持多部分/表單數據”
[英]Error posting image using formdata: "NotSupportedError: multipart/form-data not supported"
我正在使用 Next.js 版本 13.4.1 並嘗試使用multipart/form-data將文件發布到服務器。 但是，當嘗試這樣做時，我收到一條錯誤消息，指出該格式不受支持。 我已經看到一些博客和其他開發人員成功地使用了這種方法，所以我相信它可能是我的代碼中或 Next.js 本身中的錯誤。 ...
我正在嘗試使用 Stripe 和 NextJS 13.2.3 設置 webhook
[英]I am trying to setup of a webhook using Stripe and NextJS 13.2.3
我能夠通過內置的 Stripe 頁面成功結帳我的購物車，並且我被重定向到我的 successUrl 路由。 我的本地測試 webhook 按預期被調用。 但是，當我包含驗證請求來自 Stripe 的代碼時，出現了一些錯誤。 這是我在 NextJS 中的 webhook 我正在使用 Stripe C ...
next.js 13 動態渲染而不是 Static 渲染在獲取中使用標頭時？
[英]next js 13 Dynamic rendering instead of Static rendering when using headers in fetch?
我在和自己爭論，要么我沒有正確理解接下來的 13 個新概念，要么它真的是一個錯誤？ 我不確定，並感謝那些更了解情況的人提出建議。 我在新的 next 13（最新版本）的“app”文件夾中有一個簡單的 page.tsx。 當我使用 fetch 在該頁面中獲取數據但不添加任何標頭時，構建（yarn/n ...
中間件在 NextJS 13 中無法正常工作
[英]Middleware does not work correctly in NextJS 13
我有以下中間件。 我說當 URL 是"/contact"或"/admin"或"/about"時，中間件必須運行。 但是當我 go 到/或http://localhost:3000中間件會觸發。 當 URL 是"/contact"或"/admin"或"/about"時，它必須觸發。 為什么？ 我的頁面 ...
未找到的頁面在 next.js 中不起作用 13
[英]Not-found page does not work in next.js 13
這是我的 next.js 項目的結構。 我的 404.js 頁面是： 當我輸入錯誤的路線時，它不起作用並且不會 go 到我的自定義頁面並轉到 next.js 404頁面。 為什么，我哪里錯了？ 提前致謝。 ...
Sitecore NextJs 輪播
[英]Sitecore NextJs Carousel
我想在 Sitecore NextJs 中構建一個輪播。 我找到了一個旋轉木馬 package 來執行此操作，但它硬編碼了幻燈片的數量。 由於作者將在 Sitecore 中動態創建幻燈片，因此我的 NextJs 組件應該足夠智能以檢測添加到輪播的“子幻燈片”的數量並相應地呈現它們。 這是我在網上找到 ...
如果我通過鏈接訪問我的網站，NextJS 會顯示我已注銷
[英]NextJS shows I am logged out if I visit my website via a link
在我網站的右上角有一個小的用戶欄組件，如果我已登錄，它只會顯示我的用戶名或“登錄”鏈接。 但是，每次我通過外部網站的鏈接訪問我的網站時，都會呈現“登錄”鏈接而不是我的用戶名。 我的網站認為我沒有登錄。 但是，如果我只是簡單地刷新頁面而不執行其他操作，我將再次顯示為已登錄。 發生這種情況時， nxtC ...
ReferenceError: Window 未定義 NextJS13 使用客戶端不工作
[英]ReferenceError: Window is not defined NextJS13 use Client not working
我正在嘗試將 NextJS 13 與 react-leaflet 一起使用。 當我運行我的組件時，我得到 window 未定義。 我嘗試使用文件頂部的“使用客戶端”並檢查是否“typeof window.== undefined”但仍然沒有運氣，我沒有在之前的代碼片段中使用 isBrowser fu ...
在 NextJS + Typescript App 中使用 forwardRef 時出現類型錯誤
[英]I'm getting Type error when I use forwardRef in NextJS + Typescript App
我在我的 NextJS + TS 應用程序中有一個用於將項目添加到購物車的表單。 這個表單是一個單獨的組件，我在這個組件中使用了 forwardRef 但我收到了這個錯誤。 前向引用錯誤我該如何解決這個錯誤。 多謝！ Food.tsx 組件import Image from "next/image ...
如何在單擊按鈕時從 NextJs 應用程序的服務器端調用 API
[英]how to call an API from server side in NextJs app on button click
我正在使用 NextJS 應用程序並希望在單擊按鈕時調用 API，但這應該通過服務器完成。 我無法在 inte.net 上找到任何可以清楚地證明此過程的可靠結果。 我試圖在> src > pages > api > users > [id].tsx下的頁面中創建 fu ...
如何提高燈塔中新創建的 nextjs 應用程序的性能
[英]how to increase performance of new created nextjs app in lighthouse
我創建了一個新的 nextjs 應用程序並在 lighthouse 中打開它的瀏覽器，但它的性能太低了。 如何改善此跟隨錯誤。 最小化主線程工作——9.1 秒減少 JavaScript 執行時間 -- 4.5 秒查看新 nextjs 應用程序的屏幕截圖 ...
如何從 React Native 應用程序使用 Amplify 保護的 Next.JS Rest 端點
[英]How to consume Next.JS Rest Endpoints secured with Amplify from a React Native app
背景： 我當前的堆棧是用作管理門戶的 Next 服務器，REST API 用於運行 Expo - React Native 的移動應用程序。 Next Server 當前托管為 Lambda@Edge。 我已使用 AWS Amplify 的 withAuthenticator 包裝器保護 Next ...
response.headers 根據 JavaScript 捆綁器返回不同的結構
[英]response.headers returning different structure depending on JavaScript bundler
我在一個 Next.js 13 項目中嘗試不同的捆綁器，我正在為第三方 API 進行身份驗證。我正在修改新的 Turbopack 捆綁器並讓我的登錄工作，但是當我切換到 Webpack 時，我的response.headers結構完整不同的是，這導致使用我從 API 成功返回的登錄 cookie 出 ...
NextJs 13添加多個本地fonts
[英]Adding multiple local fonts to NextJs 13
我正在嘗試將多個本地 fonts 添加到 nextjs 13。 文檔說對單個文件執行以下操作。 我嘗試通過以下方式導入這兩個文件： 將字體系列分配給特定元素時，此方法不起作用。 提前致謝！ ...
在 Cloud Firestore 中執行簡單查詢 - 我如何過濾所有 select？
[英]Perform simple queries in Cloud Firestore - how can i filter all through select?
我需要通過來自 Firestore 的查詢來過濾數據，但是我怎樣才能獲得所有這些數據（在我的例子中是 firestore 中的所有狀態）？ 在這種情況下 useState 值應該是多少？ 我是新手:) 謝謝你的幫助，我真的很感激。 試圖在 firestore 文檔和谷歌中搜索。 ...
為什么JSON數據在HTML nextjs SSG里面發送
[英]Why JSON data is sent inside HTML nextjs SSG
我知道在頁面加載的情況下，正在發送整個 html 文檔，而在客戶端路由的情況下，正在發送 json 文件和 js 塊。 但我不知道為什么在第一種情況下 html 文件已經填充了數據，為什么它還要包含 json 數據。 有必要嗎？ 我的意思是我們不再需要這些，因為我們有 html 文件和數據。 例如： ...
onChange 不會觸發我卡住幫助我
[英]onChange doesn't trigger im stuck help me
我正在嘗試建立一個隨機的足球隊選擇器並且我正在自己做數據庫我的輸入有問題 這是將我的字段發送到我的數據庫的簡單形式 console.log(body) shows "{ nombre: '', logo: '', liga: '', id: 3 }" 請我卡住了:( 我正在嘗試將數據發送到我的數據 ...
我可以在 nextjs 13.1 中使用哪個 React 組件庫？
[英]Which react component library can i use in nextjs 13.1?
我比較靠nextjs。 試用 13.1 和新的“app”目錄。 有可能這樣做嗎？ 在不失去服務器控件的新優勢的情況下？ 我看到以下錯誤。 您正在導入一個需要 useState 的組件。 它只在客戶端組件中工作，但它的父組件都沒有標有“使用客戶端”，因此默認情況下它們是服務器組件。 ...
順風默認大小和斷點的 NextJS 問題
[英]NextJS Issue with tailwind default size, and breakpoints
我在使用順風和響應式斷點的 NextJS 中遇到問題。 這個 div 元素總是有完整的寬度，實際上是 md 或更大，我假設它是 md 或更小。 但即使我指定下一個更高的斷點大小，例如： 如果我刪除“md:w-full”，div 仍然始終是全寬，現在 div 是 w-96。 有任何想法嗎？ 順風配置： ...