2c:["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":3}] 2d:["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Crie a estrutura de pastas — src/ com routes/, controllers/, interfaces/ e middlewares/."}}]}] 2e:["$","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":"Configure o script de dev — ts-node-dev com --respawn pra hot reload durante desenvolvimento."}}]}]]}] 2f:["$","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":"Crie o server.ts — Arquivo principal que inicializa Express, aplica middlewares e registra rotas."}}]}]]}] 30:["$","section","3",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Setup inicial: Express com TypeScript"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Primeiro, as dependências e a configuração base. O @types/express traz todas as tipagens que o Express precisa."}],["$","div","1",{"dangerouslySetInnerHTML":{"__html":"

// Terminal: instalar dependências\n// npm init -y\n// npm i express\n// npm i -D typescript ts-node-dev @types/express @types/node\n\n// tsconfig.json\n{\n  \"compilerOptions\": {\n    \"target\": \"ES2020\",\n    \"module\": \"commonjs\",\n    \"lib\": [\"ES2020\"],\n    \"outDir\": \"./dist\",\n    \"rootDir\": \"./src\",\n    \"strict\": true,\n    \"esModuleInterop\": true,\n    \"skipLibCheck\": true,\n    \"forceConsistentCasingInFileNames\": true,\n    \"resolveJsonModule\": true\n  },\n  \"include\": [\"src/**/*\"],\n  \"exclude\": [\"node_modules\", \"dist\"]\n}\n\n// package.json scripts\n// \"dev\": \"ts-node-dev --respawn --transpile-only src/server.ts\"\n// \"build\": \"tsc\"\n// \"start\": \"node dist/server.js\"\n

"}}]]]}] 31:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Server.ts: ponto de entrada tipado"}],[["$","div","0",{"dangerouslySetInnerHTML":{"__html":"

import express, { Application } from \"express\";\nimport { userRouter } from \"./routes/user.routes\";\n\nconst app: Application = express();\nconst PORT = process.env.PORT || 3000;\n\n// Middlewares globais\napp.use(express.json());\napp.use(express.urlencoded({ extended: true }));\n\n// Rotas\napp.use(\"/api/users\", userRouter);\n\n// Health check\napp.get(\"/health\", (_req, res) => {\n  res.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\napp.listen(PORT, () => {\n  console.log(`Server rodando na porta ${PORT}`);\n});\n\nexport default app;\n

"}}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"O Application do Express já vem tipado. O _req com underscore indica que não usamos o parâmetro — convenção limpa pra TypeScript não reclamar de variável não usada."}]]]}]