Back to Browse

Next.js 15 Tutorial - 9 - Catch All Route | Typescript | Hindi

160 views
May 24, 2025
28:48

In this video, we explore catch-all and dynamic routing in Next.js 15 using TypeScript, and build a flexible multilingual structure like /language/state/city/place. Learn how to extract parameters from URLs and render dynamic content conditionally โ€” including support for nested and optional routes. ๐Ÿ” What you'll learn: Difference between dynamic [slug] and catch-all [...slug] routes How to handle multiple route depths dynamically Rendering different components based on route depth Real-world example with multilingual paths Using double square brackets [[...slug]] for optional catch-all behavior ๐ŸŽฏ Ideal for intermediate to advanced developers working with Next.js 15 and TypeScript. ๐Ÿ“บ Part of our Complete Series on: Next.js 15 + TypeScript Crash Course ๐Ÿ‘ Like | ๐Ÿ’ฌ Comment | ๐Ÿ”” Subscribe #nextjshindi #nextjstutorial #nextjs ๐Ÿ•’ Timestamps (5 Broad Sections): Time Section 00:00 โ€“ 02:00 Intro to Dynamic and Catch-All Routes in Next.js 15 02:01 โ€“ 09:00 How [...slug] Works + Extracting Params 09:01 โ€“ 17:00 Conditionally Rendering Content Based on URL Depth 17:01 โ€“ 24:00 Using [[...slug]] for Optional Catch-All Routes 24:01 โ€“ End Real-world Scenarios & Final Thoughts #nextjshindi #nextjs15 #nextjstutorial ๐Ÿ’ฌ Join the Revive Coding Telegram Community! ๐Ÿ”— https://t.me/revivecoding

Download

0 formats

No download links available.

Next.js 15 Tutorial - 9 - Catch All Route | Typescript | Hindi | NatokHD