webdev-readme-fullstack

Update the Drizzle schema in drizzle/schema.ts, generate and apply the migration, add query helpers in server/db.ts, then create procedures in server/routers.ts. Finally wire the UI with trpc.*.useQuery and useMutation hooks.

Manus OAuth completes at /api/oauth/callback and sets a session cookie. Each tRPC request builds context with the current user as ctx.user, and protectedProcedure gates authenticated logic while useAuth() exposes auth state on the frontend.

No, local media in client/public or client/src/assets causes deployment timeouts. Upload assets with the manus-upload-file CLI, reference the returned storage path in code, and keep originals outside the project directory.

Use DashboardLayout with sidebar navigation for internal tools, admin panels, and personal productivity apps. For public-facing products like marketing sites or e-commerce, design custom top or contextual navigation instead.

The user table includes a role field with admin and user values. Gate admin-only operations by checking ctx.user.role in procedures or wrapping logic in an adminProcedure that throws FORBIDDEN for non-admin users.

Storing business timestamps as UTC Unix milliseconds avoids timezone drift and confusion across clients. Convert to the user's local timezone only at display time in React components using toLocaleString.