ساخت وباپلیکیشنهای سریع، مقیاسپذیر و مناسب برای سئو
فایل proxy.ts در Next.js جایگزین middleware.ts شده و بهعنوان نگهبان لبهای قبل از اجرای اپلیکیشن عمل میکند. این فایل میتواند مسیرها را بازنویسی یا ریدایرکت کند، هدرها و کوکیها را تنظیم کند، دسترسی را محدود کند، و وظایف پسزمینه را اجرا کند. این مقاله نحوهٔ استفاده از proxy.ts، تعریف matcherها، و پیادهسازی سناریوهای واقعی مانند احراز هویت، تست A/B، و تنظیم CORS را آموزش میدهد.
پوشه public در Next.js برای ارائه فایلهای استاتیک مانند تصاویر، فونتها و فایلهای متنی استفاده میشود. فایلهای داخل این پوشه از طریق مسیر مستقیم قابل دسترسی هستند و بدون نیاز به import یا بارگذاری خاص در مرورگر نمایش داده میشوند. این مقاله نحوهٔ استفاده از public، نمایش تصاویر، و رفتار کشینگ را توضیح میدهد.
ساخت API سفارشی با Web Request و Response
فایل template.tsx در Next.js مشابه layout عمل میکند و صفحه یا layout را در خود میپیچد. اما برخلاف layout که در ناوبری حفظ میشود، template در هر تغییر مسیر با کلید یکتا بازسازی میشود. این ویژگی برای بازنشانی مؤلفههای کلاینتی، اجرای مجدد useEffect، و نمایش fallback در هر ناوبری مفید است.
فایل unauthorized.tsx در Next.js یک ویژگی آزمایشی است که هنگام فراخوانی تابع unauthorized() در فرآیند احراز هویت، رابط کاربری سفارشی را نمایش میدهد. این فایل به شما امکان میدهد پیام ورود یا هشدار عدم دسترسی را برای کاربران غیرمجاز نمایش دهید و بهصورت خودکار کد وضعیت ۴۰۱ را برمیگرداند. این مقاله نحوهٔ استفاده از unauthorized.tsx برای بهبود تجربه کاربری در کنترل دسترسی را آموزش میدهد.
Next.js از conventions خاصی برای تنظیم آیکونهای اپلیکیشن پشتیبانی میکند: favicon، icon و apple-icon. این آیکونها در مرورگر، صفحه اصلی موبایل و نتایج موتور جستجو نمایش داده میشوند. میتوان آنها را با فایلهای تصویری یا بهصورت برنامهنویسی با ImageResponse تولید کرد. این مقاله نحوهٔ استفاده از هر روش، محل قرارگیری فایلها، و تنظیمات متادیتا را توضیح میدهد.
فایل manifest.json یا manifest.webmanifest در Next.js اطلاعات متادیتای اپلیکیشن را برای مرورگرها فراهم میکند. این فایل برای تعریف نام، آیکون، رنگها، و نحوه نمایش اپلیکیشن در حالت PWA استفاده میشود. میتوان آن را بهصورت فایل استاتیک یا با کد در manifest.ts تولید کرد. این مقاله نحوهٔ تعریف، محل قرارگیری، و گزینههای پشتیبانیشده را توضیح میدهد.
Next.js از conventions خاصی برای تولید تصاویر اشتراکگذاری در شبکههای اجتماعی پشتیبانی میکند. با استفاده از فایلهای تصویری یا کد، میتوان برای هر segment از مسیر، تصویر Open Graph یا Twitter تعریف کرد. این تصاویر هنگام اشتراکگذاری لینک در پیامرسانها یا شبکههای اجتماعی نمایش داده میشوند. این مقاله نحوهٔ استفاده از فایلها، تولید تصاویر با ImageResponse، و تنظیم متادیتا را توضیح میدهد.
فایل robots.txt در Next.js مشخص میکند که خزندههای موتور جستجو به کدام مسیرهای سایت شما دسترسی دارند. این فایل را میتوان بهصورت استاتیک یا داینامیک با کد تولید کرد. همچنین میتوان رفتار خزندههای خاص مانند Googlebot یا Bingbot را سفارشیسازی کرد. این مقاله نحوهٔ تعریف فایل، ساختار آن، و تنظیمات پیشرفته را توضیح میدهد.
Next.js از فایل sitemap.xml بهصورت استاتیک یا داینامیک پشتیبانی میکند. این فایل به خزندههای موتور جستجو کمک میکند تا صفحات سایت را بهتر ایندکس کنند. میتوان URLها، تاریخ آخرین تغییر، اولویت، و فرکانس تغییر را مشخص کرد. همچنین امکان تولید نقشهٔ تصاویر، ویدیوها، نسخههای چندزبانه، و تقسیم نقشهٔ سایت به چند فایل وجود دارد. این مقاله تمام روشها و فرمتهای پشتیبانیشده را توضیح میدهد.
nextjs-after-callback-post-response-logging-analytics-server-components
The after function in Next.js lets you schedule tasks to run after a response or prerender is completed. It’s ideal for non-blocking side effects like logging, analytics, or background operations. You can use it in Server Components, Server Actions, Route Handlers, and Proxy. It doesn’t make your route dynamic and runs even if the response fails. This article explains how to use after, its limitations, and examples with request APIs.
