rnow 0.2.4__py3-none-any.whl

rnow/templates/rl-nextjs/train.jsonl

@@ -0,0 +1,1000 @@
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js layout component that accepts children as a prop with the correct TypeScript types."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout.tsx file for Next.js App Router that wraps child pages."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a root layout component for Next.js with proper children typing."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a reusable layout component in Next.js that renders children prop."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js App Router layout that correctly types the children prop as React.ReactNode."}], "rewards": ["code_block", "layout_syntax_1"], "metadata": {"rule": "layout-syntax-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js dynamic route page component that correctly awaits and destructures the params prop."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx for a [slug] dynamic route that awaits params before using them."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a Next.js dynamic segment page that properly handles async params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a dynamic route page in Next.js 15 that awaits the params promise."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page component for /blog/[id] that correctly destructures await params."}], "rewards": ["code_block", "server_dynamic_segment_1"], "metadata": {"rule": "server-dynamic-segment-1", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a generateStaticParams function for Next.js that returns an array of slug parameters for static generation."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a generateStaticParams function to pre-render blog post pages at build time."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a static params generator for Next.js dynamic routes."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create generateStaticParams for a /posts/[slug] route in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a function to statically generate pages for all products in Next.js."}], "rewards": ["code_block", "server_dynamic_segment_2"], "metadata": {"rule": "server-dynamic-segment-2", "reference": "https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page component that correctly handles searchParams as a Promise and awaits it before accessing properties."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page.tsx that properly awaits searchParams to get query string values."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a search results page in Next.js that correctly handles async searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a page component that reads URL query parameters using Next.js 15 searchParams."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js page that awaits searchParams to filter products by category."}], "rewards": ["code_block", "server_search_params"], "metadata": {"rule": "server-search-params", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/page"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js with the 'use client' directive at the top."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client-side interactive button component with 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a form component in Next.js that needs client-side state management."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a counter component with useState that requires 'use client'."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a Next.js client component with onClick handlers."}], "rewards": ["code_block", "use_client_directive"], "metadata": {"rule": "use-client-directive", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata for a Next.js page with a title and description."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a static metadata export for SEO in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write metadata configuration for a blog post page."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export page metadata with title, description, and openGraph properties."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create metadata export for a product page in Next.js."}], "rewards": ["code_block", "metadata_export"], "metadata": {"rule": "metadata-export", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an error.tsx boundary component for Next.js that includes an error prop and a reset callback function."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error boundary that displays the error message and a retry button."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build an error.tsx file that catches errors in a route segment."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js error boundary with proper TypeScript types for error and reset."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an error handling component that shows a fallback UI and reset option."}], "rewards": ["code_block", "error_boundary"], "metadata": {"rule": "error-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/error"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found.tsx component for Next.js that displays a custom 404 page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a NotFound component that shows a friendly 404 message."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a custom 404 page for Next.js App Router."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a not-found boundary that displays navigation options."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a not-found.tsx with a link back to the home page."}], "rewards": ["code_block", "not_found_boundary"], "metadata": {"rule": "not-found-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a loading.tsx component for Next.js that shows a loading state."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading skeleton for a page in Next.js."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a loading.tsx with a spinner animation."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a suspense loading boundary for Next.js App Router."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a loading component that shows placeholder content."}], "rewards": ["code_block", "loading_boundary"], "metadata": {"rule": "loading-boundary", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/loading"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a template.tsx component for Next.js that accepts children as a prop and wraps them in a persistent UI element."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component that re-renders on navigation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a template.tsx that wraps children with animation."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js template for route transitions."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a template component with children prop typed correctly."}], "rewards": ["code_block", "template_component"], "metadata": {"rule": "template-component", "reference": "https://nextjs.org/docs/app/api-reference/file-conventions/template"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the redirect() function to navigate users to another page."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that redirects unauthenticated users."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page that redirects to /login if no session exists."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a conditional redirect in Next.js based on user role."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that uses redirect() to send users to the dashboard."}], "rewards": ["code_block", "redirect_usage"], "metadata": {"rule": "redirect-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/redirect"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a Next.js page that uses the notFound() function to trigger a 404 page."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a page that calls notFound() when a resource doesn't exist."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a dynamic page that shows 404 for invalid IDs."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a product page that triggers notFound() for missing items."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a blog post page that uses notFound() when the post is not found."}], "rewards": ["code_block", "notfound_function_usage"], "metadata": {"rule": "notfound-function-usage", "reference": "https://nextjs.org/docs/app/api-reference/functions/not-found"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create an async generateMetadata function for a Next.js page that dynamically generates page metadata."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write generateMetadata that fetches data to create dynamic titles."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a generateMetadata function for a blog post page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create dynamic metadata generation for a product detail page."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an async generateMetadata that reads from a database."}], "rewards": ["code_block", "generate_metadata_function"], "metadata": {"rule": "generate-metadata-function", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export a static metadata object for a Next.js page with title and description."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a const metadata export for a landing page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write static metadata for the about page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Export metadata object with openGraph configuration."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a metadata constant for a contact page."}], "rewards": ["code_block", "generate_metadata_object"], "metadata": {"rule": "generate-metadata-object", "reference": "https://nextjs.org/docs/app/api-reference/functions/generate-metadata"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a GET route handler in Next.js App Router that returns a JSON response."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles GET requests and returns user data."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a route.ts GET handler for fetching products."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a REST API endpoint for GET /api/posts in Next.js."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a GET route handler that returns data from a database."}], "rewards": ["code_block", "route_handler_get"], "metadata": {"rule": "route-handler-get", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a POST route handler in Next.js App Router that processes request body data."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an API route that handles form submissions."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a POST handler for creating new resources."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a route.ts that processes POST requests with JSON body."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a POST route handler for user registration."}], "rewards": ["code_block", "route_handler_post"], "metadata": {"rule": "route-handler-post", "reference": "https://nextjs.org/docs/app/building-your-application/routing/route-handlers"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a default exported Page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a basic page.tsx file for a route."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a simple page component that displays content."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create the home page component for Next.js App Router."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a default Page function component."}], "rewards": ["code_block", "default_page_component"], "metadata": {"rule": "default-page-component", "reference": "https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a client component in Next.js that uses the 'use client' directive for client-side interactivity."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write an interactive dropdown menu as a client component."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a modal component that needs client-side JavaScript."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a tabs component with 'use client' directive."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a client component for a search input with state."}], "rewards": ["code_block", "client_component_detection"], "metadata": {"rule": "client-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/client-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server component in Next.js without the 'use client' directive."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that fetches data directly."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a page component that renders on the server."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a server-rendered list component."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a server component that accesses a database."}], "rewards": ["code_block", "server_component_detection"], "metadata": {"rule": "server-component-detection", "reference": "https://nextjs.org/docs/app/building-your-application/rendering/server-components"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a parallel route segment component for Next.js using the @modal naming convention."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a layout that renders parallel routes with @dashboard slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Build a parallel route for a modal overlay."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Create a layout with @sidebar and @content parallel routes."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}
+{"messages": [{"role": "system", "content": "You are a Next.js expert. Generate correct TypeScript/TSX code that follows Next.js App Router best practices. Always wrap your code in markdown code blocks using ```typescript or ```tsx."}, {"role": "user", "content": "Write a component for the @analytics parallel slot."}], "rewards": ["code_block", "parallel_route_segment"], "metadata": {"rule": "parallel-route-segment", "reference": "https://nextjs.org/docs/app/building-your-application/routing/parallel-routes"}}