What problem does it solve? Starting a fullstack web project from scratch means wiring authentication, database access, API contracts, and frontend data fetching by hand. This Skill provides the complete development guide for the Manus webdev fullstack template, so user auth, database, file storage, and typed end-to-end APIs work out of the box with consistent conventions. ## Core Features & Use Cases - tRPC-first architecture: Define procedures in server/routers.ts and consume them with typed trpc.* hooks, with Superjson preserving types like Date end to end. - Built-in auth and database: Manus OAuth callback, session cookies, protectedProcedure with ctx.user, role-based access (admin/user), and Drizzle ORM schema-to-migration workflow via pnpm drizzle-kit generate. - Frontend workflow guidance: Design, animation, and styling conventions using shadcn/ui, Tailwind 4, DashboardLayout, AIChatBox, and Maps components, plus rules for media uploads and UTC timestamp handling. - Use Case: Build an internal admin dashboard by extending drizzle/schema.ts, adding query helpers in server/db.ts, exposing adminProcedure endpoints, and wiring a sidebar UI with trpc.*.useQuery hooks and Vitest coverage. ## Quick Start Use the webdev fullstack guide to scaffold a new feature with a database table, tRPC procedure, and React page following the template conventions.
