Scaffold Next.js App Router pages with Supabase auth and tRPC prefetch.
npx skills add https://github.com/PlazaCC/antes-da-tela --skill new-page-plazacc
Please help me install this Agent Skill. Skill: new-page Source: https://github.com/PlazaCC/antes-da-tela/tree/main/.agents/skills/new-page Command: npx skills add https://github.com/PlazaCC/antes-da-tela --skill new-page-plazacc
Manually creating new Next.js App Router pages requires repetitive boilerplate for server components, authentication checks, metadata, and tRPC prefetching, leading to inconsistent implementations and wasted developer time.
page.tsx) with automatic metadata and Supabase auth redirect.loading.tsx) to improve perceived performance.error.tsx) client component for graceful failure handling.Use the new-page skill with the argument "dashboard" to generate a protected dashboard page under app/dashboard/.
High-intent search queries and answers about installing and using this skill.
Scaffolding a Next.js App Router page with Supabase auth and tRPC prefetch generates server-component page.tsx, loading.tsx, and error.tsx files with built-in metadata and authentication redirects automatically.
Adding a protected route in Next.js using tRPC and Supabase uses a scaffold to create server components with automatic auth redirects and tRPC prefetch placeholders, ensuring consistent protected page implementation.
Generating a public Next.js page without the Supabase auth redirect removes the authentication check from the scaffolded server component, allowing unrestricted public access to the route.
The Next.js page scaffold includes loading.tsx for loading skeletons and error.tsx as a client component error boundary to handle graceful failures and improve perceived performance.
tRPC prefetch placeholders in Next.js server components enable server-side data fetching setup, allowing you to inject fetched data into the initial render and avoid client-side waterfall requests.
YouMingYehIntegrate Supabase authentication into Next.js App Router with middleware.
AgentiveCitySet up Supabase integration in Next.js App Router projects with TypeScript.
henriquemeireles7Migrate Next.js 13+ projects from Pages Router to App Router.
PlazaCCCreate tRPC v11 routers with Zod validation and register them in appRouter.