reactjs - هنگامی که از forwardRef در برنامه‌ی NextJS + Typescript استفاده می‌کنم، خطای نوع دریافت می‌کنم
من یک فرم برای اضافه کردن آیتم به سبد خرید در برنامه‌ی NextJS + TS خود دارم. این فرم یک کامپوننت جداگانه است و من در این کامپوننت از forwardRef استفاده می‌کنم، اما این خطا را دریافت می‌کنم.
خطای forwardRef
چطور می‌توانم این خطا را رفع کنم. خیلی ممنون!
ادامه مطلب →جاوااسکریپت - NextJS getStaticProps با تایپ‌اسکریپت
من در حال دنبال کردن یک دوره NextJS هستم، با این حال می‌خواهم از Typescript استفاده کنم - من یک بحث در فروم گیت‌هاب را خوانده‌ام، اما به نظر نمی‌رسد بتوانم بفهمم چرا در تابع اول زیر خطا وجود دارد، اما در تابع دوم نه؟
export async function getStaticProps(): GetStaticProps { return { props: { example: ادامه مطلب →reactjs - NextJS تابع getServerSession(authOptions) پس از تعریف NEXTAUTH_URL و NEXTAUTH_SECRET مقدار null برمی‌گرداند
من در تلاش هستم تا یک OAuth با ارائه‌دهنده Google برای کار با برنامه وب Next.js 13 خود راه‌اندازی کنم. در حال حاضر خطایی دارم که در آن getServerSession(authOptions) مقدار null برمی‌گرداند. من به دنبال راه‌حل‌های دیگر بوده‌ام (مانند قرار دادن NEXTAUTH_URL و
ادامه مطلب →تایپ‌اسکریپت - خطا در هنگام تست مسیر دینامیک در نکست‌جی‌اس با استفاده از پست‌من
من یک مسیر API بعدی نوشتم با استفاده از نام فایل به عنوان route.ts و دو مسیر نوشتم، یکی برای گرفتن همه کاربران در پایگاه داده و دیگری برای فقط گرفتن یک کاربر با گذراندن شناسه کاربر به عنوان کوئری از طریق پارامترها. ساختار پوشه‌هایم و کدهای مسیرها در زیر آمده است. در حالی که مسیرهایم را در پست‌من
ادامه مطلب →reactjs - Nextjs استفاده از client نمی‌تواند به قبل از مقداردهی اولیه دسترسی داشته باشد
من آنچه را که یک مورد استفاده نسبتاً ساده در Nextjs می‌دانم، دارم، یعنی یک کامپوننت NavigationBar با یک ورودی جستجو.
<div className="w-full flex flex-row items-center py-5 justify-between"> <div className="w-40"> <L ادامه مطلب →جاوااسکریپت - NextJS: درخواست را مستقیماً به بک‌اند ارسال کرده و پاسخ را به کلاینت در /api برگردانید
پشته پروژه من شامل یک سرور Next.js برای مدیریت فرانت‌اند و یک سرور بک‌اند جداگانه برای ذخیره داده‌های کاربران و غیره می‌باشد.
وقتی یک کلاینت می‌خواهد یک درخواست به بخش پشتی ارسال کند، یک درخواست API به سرور Next.js می‌فرستد که سپس داده‌ه
ادامه مطلب →typescript - کار با چندین چک‌باکس در Nextjs14، zod، shadcn/ui و react-hook-form
من در حال ساخت یک فرم برای یک مشتری هستم و یکی از سوالات می‌خواهد کاربر یک چک‌باکس (یا چند چک‌باکس) را انتخاب کند. من هنوز به طور کامل مفهوم اسکیمای zod را درک نکرده‌ام بنابراین کمی در مورد نحوه پیاده‌سازی آن گیر کرده‌ام. چند بار سعی کردم اسکیمای آن را تغیی
ادامه مطلب →typescript - چگونه می‌توانم مسیر پویا خود را در NextJs کارا کنم؟
// /home/[storeId]/layout.tsx import prismadb from "@/lib/prismadb"; import { auth } from "@clerk/nextjs/server"; import { redirect } from "next/navigation"; export default async function DashboardLayout({ children, params, }: { children: React.ReactNode; params: { storeId: string }; }) { const { userId } = auth(); if (!userId) { redirect("/sign-in"); } const store = await prismadb.store.findFirst({ where: { id: params.storeId, userId
ادامه مطلب →node.js - نمی‌توان از متغیر مشترک در NextJS 15 استفاده کرد
کد کمینه
https://codesandbox.io/p/devbox/vqfy8t
مشکل
من سعی می‌کنم یک کلاس (Vault) را نمونه‌سازی کنم
من می‌خواستم یک متغیر بین دو مسیر در nextJS به اشتراک گذاشته شود
/send-email/ route.ts /confirm-email/ ادامه مطلب →جاوااسکریپت - دقیقا کامپوننت Link در NextJS چه عملی را فعال می‌کند و چگونه می‌توان آن رویداد را گرفت
من یک نوار ناوبری ساده توسعه دادم که داده‌های آن به صورت JSON است تا پیوندهای آن به طور پویا ساخته شوند. از نظر بصری، نیاز دارم نوار ناوبری را با لینک/مسیر فعال فعلی حفظ کنم. من دو روش را امتحان کردم:
اولین پیاده‌سازی:
کامپوننت منو:
const ToggleMenuHandler = (e: React.MouseEvent<HTMLElement>) => { clearMenu(); activateItem(e.currentTarget); e.stopPropagation(); } const MenuItems = MenuContent.map(item => { return ( ادامه مطلب →