• https://www.youtube.com/watch?v=APtSLRo6b-M

La Carpeta donde se renderiza el html y el javascript por defecto es:

 dist/<project-name>/browser/ 

• https://v17.angular.io/guide/deployment#building-and-serving-from-disk

Si es que con en el navegador se pone en el URL la carpeta y no se logra ver la página por enlaces erróneos por que el href es una ruta explicita o absoluta, en archivo index.html:

<base href="/">

Se puede hacer relativa con el comando

ng build --base-href ./

Se la puede configurar una ruta absoluta con el comando:

ng build --base-href /<RUTA>/

o modificando el archivo de configuración “angular.json”:

"projects": {
  "app": {
    "architect": {
      "build": {
        "options": {
          "baseHref": "/production-folder/"
        }
      }
    }
  }
}

Código básico:

//typescript
 
import {Component} from '@angular/core';
 
@Component({
  selector: 'app-root',
  imports: [],
  template: ` <h1>Default</h1> `,
  styleUrls: ['./app.css'],
})
export class App {
  title = 'default';
}

Deploy para el tipo SSR Server Side Rendering, usando Apache o Nginx

• https://blog.daudr.me/painless-angular-ssr/
• https://v17.angular.io/guide/deployment

Usando WebPack:

• https://webpack.js.org/guides/development/#webpack-dev-server

Usando Hydration:

• https://www.angulararchitects.io/blog/guide-for-ssr/