Questions
2 of 10
1What is a route segment how to define it in next js?
2How to create a dynamic route segment ?
3What are dynamic routes?
4What are catch-all segments and what is its use?
5How would you implement slug-based routing that also supports localization? (e.g. /en/products/shoes vs /fr/produits/chaussures)
6What is the difference between params and searchParams props in a page component? Can both be used in Server Components?
7How do you access route params in a Server Component vs a Client Component in the App Router?
8How do you build a deeply nested dynamic route like /shop/[category]/[subcategory]/[productId]? What are the pitfalls?
9What happens when a user navigates to a dynamic route that was not pre-generated by generateStaticParams? How do you control this with dynamicParams?
10Explain the difference between [slug], [...slug], and [[...slug]]. Give examples of URLs each would match.
nextjsnextjs
Basics
Project Structure
Runtime
Compiler
SSG
SSR
CSR
Routing
Route Handlers
Route Groups
Dynamic Routes
Parallel Routes
Intercepting Routes
Middleware
Server Actions
APIS
Data Fetching
Caching
Clients
Optimisation
i18n
Security
Architecture
Deployment
Accessibility
02 / 10

How to create a dynamic route segment ?

A Dynamic Segment can be created by wrapping a folder's name in square brackets: [folderName]. For example, [id] or [slug].

Dynamic Segments are passed as the params prop to
  1. 1

    layout

  2. 2

    page

  3. 3

    route

  4. 4

    generateMetadata functions.