Çalışan bir NextJS/React uygulamasını 'with-redux-saga' ve 'with-redux' kullanan bir şekilde 'next-i18n' (https://github.com/isaachinman/next-i18next) ile bağlamaya çalışıyorum -- ancak uygulamam başlatıldığında aşağıdaki hatayı alıyorum:
Hata: Öz
DAHA FAZLASI →
Aşağıdaki kullanım senaryosuna sahibim. Web worker içinde, NextJS public klasöründe bulunan bir resmi alıp blob'a dönüştürmem gerekiyor.
Şu anda fetch('public/images/myImage.png'); veya fetch('/images/myImage.png'); çalıştırmak bir hataya yol açıyor:
Hata: TypeError:
DAHA FAZLASI →
NextJS kullanarak SSR sayfaları üretiyorum ve bu sayfalar dil özelidir. Metnin dilini belirtmek için lang özelliğini ayarlamak istiyorum.
Şu ana kadar sahip olduğum:
import Document, { Html, Head, Main, NextScript } from "next/document" import Router from "next/ DAHA FAZLASI →
Belirli bir konteks ile bir React/NextJS uygulamasını Weblogic J2ee sunucusuna inşa edip dağıtmam gerekiyor. Biraz React deneyimim var, ancak NextJS ile ilk adımlarımı atıyorum.
Şu anda derleme/doğrulama adımları şunlardır;
Vanilla bir NextJS uygulaması oluştur
Basepath'i d
DAHA FAZLASI →
Şu anda VSCode'da /api klasöründe hangi dosyaya (API uç noktası) breakpoint koymam gerektiğini manuel olarak bulmam gerekiyor.
Aşağıdaki launch.json dosyasına sahibim:
{ "version": "0.2.0", "configurations": [ { "type": "n DAHA FAZLASI →
Bir sonraki Next.js projemde Calendly'yi gömmeye çalışıyorum.
Ancak bunu nasıl yapacağımı bilmiyorum. İdeal olarak, bunu tek bir sayfaya gömmek istiyorum (ve _app veya _document içinde değil)
Şu ana kadar elde ettiğim şey bu:
import Script from 'next/script'; import React from 'react'; const Page DAHA FAZLASI →
Verileri EventSources aracılığıyla React Frontend'ime aktarmaya çalışıyorum, ki bu bir şekilde çalışıyor. Sorun şu ki, verilerin tüm parçalarını zaman zaman yerine bir kerede alıyorum. Bu da yöntemin amacını bir anl
DAHA FAZLASI →
İlk Next.js projemle oynamaya başladım.
create-next-app ile yeni bir proje oluşturduktan sonra, web uygulamasında 'Lighthouse' performans sekmesini çalıştırdım (sonuçlar aşağıdaki sekmelerde görüntülenebilir). Performans raporu 79 puan döndürdü, ancak diğer tüm testler 90'ın üzerindeydi.
Biri bana bunun neden bu sonuçları verdiğini açıklayabilir mi?
Proje yeni oluşturuldu ve tamamen boş, böyle bir proje için bir performans raporunun yüksek bir puan döndürmesi be
DAHA FAZLASI →Problem:
Next JS dinamik import, mobil cihaz tarayıcısında yüklenmede takılıyor (kullanılan tarayıcılar: IOS'ta Google Chrome ve Safari). Oysa masaüstünde Google Chrome ve Mozilla'da mükemmel çalışıyor. Ayrıca next-PWA'yı varsayılan konfigürasyonla kullanıyorum. Bu, next-PWA nedeniyle olabilir mi?
Kod Parçası:
import dynamic from "next/dynamic"; import { useMemo } from "react"; export default function Main() { c DAHA FAZLASI →
NextJS uygulamamın _app.tsx dosyasında üst menüm için farklı navigasyon düğmesi stilleri render etmek amacıyla import Router from 'next/router' kullanıyorum.
Yol / olduğunda render çalışıyor, ancak /about sayfasındayken render çalışmıyor ve aşağıdaki hatayı alıyorum. Boolean mantığı doğru çalışmasına rağmen.
Hata :
Uyarı: Prop className eşleşmedi. Sunucu: "nav__NavActive-sc-6btkfp-2 gJVDzS nav_
DAHA FAZLASI →