crud-comparison

CRUD API Comparison

This page shows how the same POST /todos endpoint is implemented in each stack.

Note: Code is trimmed for readability; see the repos for full context.

Create todo endpoint (POST /todos)

Stack 1 – Angular + TS BE (Express)

// Express route (simplified)
router.post('/', async (req, res) => {
  const { title } = req.body;
  const todo = await todoService.createTodo({ title });
  res.status(201).json(todo);
});

Stack 2 – Angular + Python (FastAPI)

@router.post('/', response_model=TodoResponse, status_code=201)
async def create_todo(todo: TodoCreate, db: Session = Depends(get_db)):
    service = TodoService(db)
    return service.create_todo(todo)

Stack 3 – Next.js + TS API (Express)

// Same pattern as Stack 1, separate Node API
router.post('/', async (req, res) => {
  const { title } = req.body;
  const todo = await todoService.createTodo({ title });
  res.status(201).json(todo);
});

Stack 4 – Next.js + Python (FastAPI)

@router.post('/', response_model=TodoResponse, status_code=201)
async def create_todo(todo: TodoCreate, db: Session = Depends(get_db)):
    service = TodoService(db)
    return service.create_todo(todo)