typescript - NextJS სასათვადო პროგრამა რამდენჯერმე იწვევა, როდესაც ISR გვერდს გვეწვევა

მყავს NextJS აპლიკაცია, რომელიც მასპინძლობს ISR გვერდს, რომელიც იღებს მონაცემებს Supabase-დან. არსებობს შუამდგომლობა, რომელიც აფიქსირებს გვერდის ვიზიტს გვერდის ჩვენებამდე.

export async function middleware( request: NextRequest, fetchEvent: NextFetchEvent ) { co

Წაიკითხე მეტი →

reactjs - როგორ დავამატოთ კოდის საფარველი React/NextJs/Typescript (create-next-app) პროექტში cypress-ის გამოყენებით

მე შევქმენი ახალი პროექტი create-next-app-ით და ბრაუზერის ნაგულისხმევი პარამეტრებით.

npx [email protected] --- Would you like to use TypeScript with this project? Yes Would you like to use ESLint with this project? Yes Would you like to use Tailwind CSS with this project? Yes Would you like to use `src/` directory with this project? Yes Use App Router (recommended)? Yes Would you like to customize the default import alias? No

და შემდეგ დაამატა

Წაიკითხე მეტი →

reactjs - როგორ შემიძლია დავამქმნა state Server Actions-ში NextJS 13-ში?

მე ვცდილობდი დავამარჯვო პრობლემა Server Actions-ზე NextJS 13-ში.

რაც უკავშირდება შენს შეკითხვას, მე ნება მაქვს შევცვალო სტატუსი სერვერის მოქმედების შესრულების დროს. აქ მე მაქვს actions.ts ფაილი app დირექტორიის ძირითადი ფოლდერში. ამჟამად, კი

Წაიკითხე მეტი →

http - თვისება 'nextUrl' არ არსებობს 'IncomingMessage' ტიპზე. Nextjs და Typescript-ში

მე ვიყენებ Nextjs API გზას და ვცდილობ მივიღო მოთხოვნის პარამეტრები:

export const GET = async (req: IncomingMessage) => { const matchString: String = req.nextUrl.searchParams.get("data") }

მე ვფიქრობ, რომ req

Წაიკითხე მეტი →

typescript - ParamCheck ტიპის შეცდომა NextJS როუტ ჰენდლერზე

  1. მე მაქვს NextJS 13.4 აპლიკაცია, რომელიც იყენებს App Router-ს.
  2. მე მაქვს მარშრუტის დამმუშავებელი (/api/me), რომელიც იღებს პროფილის ინფორმაციას.
  3. როუტის დამამუშავებელი დაცულია Auth0-ის withApiAuthRequired() ფუნქციით.
  4. ანდფოინტი მუშაობს როგორც მოსალოდნელი, როცა აპლიკაციას ვ

    Წაიკითხე მეტი →

javascript - გვერდის მექანიკური განახლება ცვლილებების სანახავად navbar-ზე nextjs-ში?

მყავს Next.js აპლიკაცია, სადაც შევქმენი Navbar კომპონენტი, რომელიც გამოცხადებულია ჩემს layout.tsx ფაილში. სისტემაში შესვლის შემდეგ, მომხმარებელი გადამისამართდება მთავარ გვერდზე, რომელიც შეიცავს ბმულს Navbar-ში, რომ წავიდეს თავის პროფილზე. თუმცა, მაქვს პრობლემა, როდესაც Navbar კომპონენტი

Წაიკითხე მეტი →

reactjs - როუტერები Nextjs-ში

მე ვაკეთებ ცვლილებებს ჩემს არსებულ აპლიკაციაში, რომელიც შექმნილია ReactJS+Typescript-ის გამოყენებით, და მე ვმიგრირებ მას NextJs-ზე Typescript-თან ერთად.

როგორ შემიძლია ცვლილებების განხორციელება როუტერში? მე ვამოწმებ Nextjs-ის დოკუმენტაციებს, მაგრამ ძალიან დაბნეული ვარ.

ამჟამად, მარშრუტიზაცია ჩემს App.tsx ფაილშია. აი კოდი. მინდა შევცვალო ეს, რადგან

Წაიკითხე მეტი →

javascript - NextJS ვერ ცნობს TypeScript ფაილებს

მე მინდა ჩემი ვებსაიტის განვითარება TypeScript-ის გამოყენებით, არა JS-ის. ამიტომ მე გავყევი NextJS-ის ოფიციალურ ინსტრუქციას TS-ის ნულიდან დაყენებისთვის, მაგრამ როდესაც ვამუშავებ npm run dev, 404 შეცდომის გვერდი მხვდება. კარგი, ქვემოთ არის ჩემი tsconfig.json

{ "compilerOptions"

Წაიკითხე მეტი →

reactjs - Children ელემენტის ტიპს აკლია თვისებები Nextjs + React Context TypeScript-თან

Nextjs და TypeScript-ის გამოყენებით React-ის Context-ის გამოყენება აჩვენებს ბუნდოვან შეცდომას, როდესაც კონტექსტი ტარდება _app.tsx-ის გარშემო.

თუმცა, მიუხედავად იმისა, რომ მე ვპარებით მნიშვნელობებს Context Provider-ში, მას მაძლევს შეცდომას

Წაიკითხე მეტი →

typescript - წინასწარ განუვითარია როუტინგი nextjs-ში, როცა ნესტირებული როუტიდან ხდება როუტინგი

მე შევქმენი ფოლდერი სახელად dashboard pages ფოლდერში, რომელსაც აქვს შემდეგი ფაილები:

  1. ინდექსი.tsx
  2. კლიენტები.tsx
  3. ინვოისი.tsx
  4. items.tsx

როცა მომხმარებელი გადადის http://localhost:3000/dashboard, დამატებითი გვერდი index.tsx იტვირთება. თუმცა, როდესაც ვაჭერ ღილაკს და გადავდივარ ანგარიშიებზე ან კლიენტებზე, ვიღებ 404 გვერდს; როცა ვამოწმებ URL-ს, გადამისამართება ხდება http://localhost:3000/customer

Წაიკითხე მეტი →