Production-Ready
Full-Stack Boilerplate

import { z } from 'zod';
import { router, authProcedure } from '@repo/trpc';
import { getUserById } from '@repo/user';

export const userRouter = router({
  getMe: authProcedure
    .query(async ({ ctx }) => {
      return getUserById(ctx.user.id);
    }),
    
  updateProfile: authProcedure
    .input(z.object({
      name: z.string().min(1),
      email: z.string().email(),
    }))
    .mutation(async ({ input, ctx }) => {
      return updateUser(ctx.user.id, input);
    }),
});

import { useTRPC } from '@/lib/trpc-client';
import { useQuery, useMutation } from '@tanstack/react-query';

export function UserProfile() {
  const trpc = useTRPC();
  
  const { data: user } = useQuery(
    trpc.user.getMe.queryOptions()
  );
  
  const { mutate: updateProfile } = useMutation(
    trpc.user.updateProfile.mutationOptions({
      onSuccess: () => {
        // Fully typed success handler
      }
    })
  );
  
  return <div>{user?.name}</div>;
}