2a:["$","section","2",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Passo a Passo: Tipando Middleware no Express"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Vamos construir cada tipo de middleware com tipagem completa."}],["$","div","1",{"className":"grid gap-4 mb-8","children":[["$","div","0",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":1}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 1 - Use RequestHandler pra middleware simples: Importe RequestHandler de 'express'. Tipe sua função como RequestHandler. O compilador garante que req, res e next têm os tipos corretos."}}]}]]}],["$","div","1",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":2}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 2 - Use ErrorRequestHandler pra middleware de erro: Middleware de erro SEMPRE tem 4 parâmetros (err, req, res, next). Use ErrorRequestHandler pra garantir isso. Coloque no final da cadeia de middleware."}}]}]]}],["$","div","2",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 3 - Crie middleware de autenticação tipado: Estenda Request com propriedades de auth. O middleware decodifica o token e injeta dados no req. Handlers seguintes usam esses dados com tipos corretos."}}]}]]}],["$","div","3",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":4}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 4 - Tipe middleware de validação: Middleware que valida body pode usar generics pra garantir que o próximo handler recebe dados já validados e tipados."}}]}]]}],["$","div","4",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":5}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 5 - Crie wrapper pra async middleware: Crie uma função que envolve o middleware async e captura erros automaticamente. Tipe essa função pra manter segurança de tipos."}}]}]]}],["$","div","5",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":6}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 6 - Organize middleware em módulos: Separe middleware por responsabilidade: auth, validation, logging, error. Cada módulo exporta middleware tipado."}}]}]]}]]}]]]}]