// 1. Todo domain model
ng g i features/todo/todo.model

// 2. Todo service (business logic + state)
ng g s core/services/todo.service

// 3. Todo feature (container component)
ng g c features/todo/todo

// 4. Todo item (presentational component)
ng g c features/todo/todo-item

// 5. Add todo feature (component)
ng g c features/todo/add-todo

use .env as in vite .example import.meta.env['NG_APP_BACKEND_URL'] docs: https://www.npmjs.com/package/@ngx-env/builder

add this to .env NG_APP_BACKEND_URL=... example NG_APP_BACKEND_URL=https://java-spring-todos-api.rubito.jp/api/v1/tasks then npm start