Deviopath

Next.js coding challenges

  1. Route From a Page File (Easy)
  2. Special File Names (Easy)
  3. Folder Name Types (Easy)
  4. Public Environment Variables (Easy)
  5. Navbar With Links (Easy)
  6. Like Button (Easy)
  7. Navigate From Code (Easy)
  8. Image Optimizer URL (Easy)
  9. Title Template (Easy)
  10. Active Nav Link (Easy)
  11. Show the Current Path (Easy)
  12. Route Groups in the URL (Easy)
  13. generateStaticParams (Easy)
  14. Health Check Endpoint (Easy)
  15. Read a Query Parameter (Easy)
  16. Read the Search Query (Easy)
  17. Back Button (Easy)
  18. Product Images (Easy)
  19. Root Layout (Easy)
  20. Page Number From searchParams (Easy)
  21. robots.ts (Easy)
  22. sitemap.ts (Easy)
  23. Config Redirects (Easy)
  24. Is the Page Stale? (Easy)
  25. Server or Client Component? (Easy)
  26. Match a Dynamic Route (Easy)
  27. Highlight the Active Link (Easy)
  28. Create an Item With POST (Easy)
  29. Detect "use client" (Easy)
  30. Loading State (Easy)
  31. Breadcrumbs from the Pathname (Medium)
  32. Match Dynamic Segments (Medium)
  33. Route Table from Files (Medium)
  34. Which Layouts Wrap a Page? (Medium)
  35. Pagination Links (Medium)
  36. Filter and Sort with searchParams (Medium)
  37. generateStaticParams for Nested Segments (Medium)
  38. Route Handler with Async params (Medium)
  39. Todos API (GET + POST) (Medium)
  40. Validate a Server Action (Medium)
  41. Theme Cookie Route (Medium)
  42. Protect Routes in proxy.ts (Medium)
  43. Proxy Matcher Paths (Medium)
  44. next.config Redirects with Params (Medium)
  45. Detect the Locale (Medium)
  46. Effective Route Revalidate (Medium)
  47. How Will This fetch Be Cached? (Medium)
  48. Merge Layout and Page Metadata (Medium)
  49. next/image srcSet for a Fixed Width (Medium)
  50. revalidateTag vs updateTag (Medium)
  51. Active Link for Nested Routes (Medium)
  52. Pagination with ?page= (Medium)
  53. Tabs Synced with the URL (Medium)
  54. Search Box in the URL (Medium)
  55. Sort Select in the URL (Medium)
  56. Redirect After Logout (Medium)
  57. Photo Modal with a Real URL (Medium)
  58. error.tsx with Retry (Medium)
  59. Form with useActionState (Medium)
  60. Optimistic Like Button (Medium)
  61. cacheLife Profiles (Hard)
  62. Load More with a Server Action (Hard)
  63. next/image srcset Generator (Hard)
  64. Multi-Value Filters in the URL (Hard)
  65. Server Action CSRF Origin Check (Hard)
  66. Debounced Search in the URL (Hard)
  67. next build Route Summary (Hard)
  68. Error Fallback and Retry (error.tsx) (Hard)
  69. Top-Down generateStaticParams (Hard)
  70. Streaming with use() and Suspense (Hard)
  71. Static or Dynamic? Route Classifier (Hard)
  72. Optimistic Cart with useOptimistic (Hard)
  73. Locale Routing with a Default Locale Without Prefix (Hard)
  74. Photo Modal with Intercepted Routes (Hard)
  75. Validated Server Action for useActionState (Hard)
  76. Login Flow with Redirects (Hard)
  77. Can These Props Cross to a Client Component? (Hard)
  78. Checkout Wizard with ?step (Hard)
  79. Request Memoization for fetch and cache() (Hard)
  80. Data Table State in the URL (Hard)
  81. fetch Cache with Stale-While-Revalidate (Hard)
  82. Split Sitemaps and a Sitemap Index (Hard)
  83. revalidatePath and Implicit Tags (Hard)
  84. Render Metadata to Head Tags (Hard)
  85. Compose Proxy Steps (Hard)
  86. Draft Mode Preview Route (Hard)
  87. App Router URL Resolver (Hard)
  88. A/B Test with a Rewrite in proxy.ts (Hard)
  89. Detect Route Build Errors (Hard)
  90. Sliding-Window Rate Limiter in proxy.ts (Hard)
  91. Parallel Route Slots and default.tsx (Hard)
  92. Validate a Multi-File Upload Action (Hard)
  93. Intercepting Routes Resolver (Hard)
  94. Typed searchParams with a Schema (Hard)
  95. Resolve Metadata Across Layouts (Hard)
  96. Verify a Signed Webhook (Hard)
  97. next.config Redirects with has and missing (Hard)
  98. Stream NDJSON Progress from a Route Handler (Hard)
  99. The Full Request Routing Order (Hard)
  100. Model the Client Router Cache (Hard)