javascript - Hvordan omdirigerer jeg en bruger, hvis de ikke har en session, ved brug af NextJs13, NextAuth og t3-stakken?
Jeg har bootstrappet mit projekt ved hjælp af t3-stakken, som kommer med NextAuth og tRPC. Når brugeren ikke er logget ind, vil jeg gerne omdirigere dem til enten startsiden eller login-siden. Det ser ud til, at tRPC ikke er lavet til at returnere omdiriger
Læs mere →node.js - Brug NextApiResponse-hjælper i NextJs 13.2 Route Handlers (app/route)
Før i pages/api-metoden så handleren ud som handler(req: NextApiRequest, res: NextApiResponse). I NextJs 13.2 introducerede de Route Handlers i app/api/route, og handleren for en POST-anmodning ser ud som POST(req: NextRequest): NextResponse.
Nå, jeg stødte på denne begrænsning, da jeg genvaliderede for on-demand ISR. Dette er, hvad jeg har:
export default async function handler(req: NextApiRequest, res: NextApiResponse) Læs mere →reactjs - React/NextJS: Duplikeret Audiowave-element
Jeg bygger en messenger-applikation i NextJS med en TTS-funktionalitet. For at visualisere bølgeformen af den afspillede lyd bruger jeg et tredjepartsbibliotek kaldet wavesurfer.js
Selvom implementeringen og afspilningen af lyd fungerer fint, gengiver min nuværende tilgang to <wave>-elementer, hvoraf kun det ene teknisk set fungerer, hvilket ødelægger UI-layoutet.
Læs mere →reactjs - Hvordan man implementerer en indlejret liste ved hjælp af @portabletext/react npm i nextjs med sanity.io
jeg sidder fast, når jeg vil implementere en indlejret liste ved hjælp af @portabletext/react-pakken i nextjs, jeg skal vise min liste (i dette tilfælde ved brug af punktliste) under forskellige betingelser. I den normale tilstand skal det være første billede. og så i den anden tilstand skal det være andet billede. Og for min kode til Rich Text-komponenten er nedenfor
import Image from 'next/image'; import urlFor from '../lib/ur Læs mere →typescript - Brug af en ts-loader brugerdefineret transformator med NextJS
Jeg er faldet for ts-runtime-checks biblioteket og vil gerne integrere det i mit NextJS-projekt: problemet er, at det er en kodeomformer (ændrer hvordan kode kompileres) og skal køres før den primære TypeScript-kompilering. Er der en måde at koble dette plugin ind i NextJS-kompileringen på en ren måde?
Dette bibliotek har en god, nem opsætning, hvis man bruger ts-loader til kompilering. Dette er, ifølge deres dokumentation, som følger:
const T Læs mere →typescript - "GetUserByAccountError" ved brug af Nextjs 13.4, next-auth ^4.22.1 og @next-auth/prisma-adapter ^1.0.6
Hvad forårsager GetUserByAccountError, når man prøver at logge ind via SocialLogin ved hjælp af Github eller Google? Her er fejlen i mere detaljer:
Unknown arg `provider_providerAccountId` in where.provider_providerAccountId for type AccountWhereUniqueInput. Did you mean `providerId_providerAccountId`? Available args: type AccountWhereUniqueInput { id?: String providerId_providerAccountId?: AccountProviderId_providerAccountIdCompoundUniqueInput } Error: Invali Læs mere →javascript - Hvordan genererer man statiske sider, der læser lokale data i en NextJS 13-applikation?
Jeg gennemførte deres blogvejledning, og det fungerer fint. Det opretter dynamiske sider fra .md blogindlæg, der er gemt lokalt. Smukt.
Men jeg løber ind i en mur, når jeg prøver at lave det, der synes at være en simpel ændring.
Jeg vil gerne tilføje søgning og filtrering til blogindlæggene. Til det skal vi bruge "use client". Og fs-modulet virker ikke på klienten. Deres dokumentation anbefaler at bruge fetch-API'en, men det virker ikke på lokale filer, d
Læs mere →typescript - NextJS - API-route returnerer altid statuskode 200
Ret ny til Next.js, og jeg er stødt på et problem, når jeg prøver at hente en API. Selve API'en er ret enkel og tjekker, om der er en session (brugeren er logget ind), og returnerer derefter en JSON med en GET. Dette er getGoal/route.ts API-filen:
import { getAuthSession } from "@/lib/auth"; im Læs mere →next.js - Hent saldi fra Binance ved hjælp af NextJS, ccxt og TypeScript
Jeg forsøger at hente saldi fra Binance i min NextJS 13-applikation, som bruger /src/app mappen og TypeScript.
async function getData() { const exchange = new ccxt.binance ({ "apiKey": "mykey", "secret": "mysecret" Læs mere →node.js - TypeError: req.on er ikke en funktion, når man bruger http-proxy med Nextjs 13 app router route handler
jeg prøver at implementere en proxy mellem Nextjs 13 App-routeren og en ekstern API ved brug af en route handler
import { authOptions } from "@/modules/auth/utils/auth"; import httpProxy from "http-proxy"; import { getServerSession } from "next-auth"; import { NextRequest, NextResponse } from "next/server"; const ProxyHandler = async (req: NextRequest, res: NextResponse) => { const session = await getServerSession(authOptions); retu Læs mere →