{"id":16687406,"url":"https://github.com/rodrigokamada/angular-docker","last_synced_at":"2025-10-31T00:31:12.943Z","repository":{"id":214896402,"uuid":"736778108","full_name":"rodrigokamada/angular-docker","owner":"rodrigokamada","description":"Application example built with Angular 17 and running the image in a Docker container.","archived":false,"fork":false,"pushed_at":"2024-03-12T00:07:24.000Z","size":889,"stargazers_count":6,"open_issues_count":0,"forks_count":18,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-10T03:34:23.116Z","etag":null,"topics":["angular","beginners","container","devcommunity","docker","hacktoberfest","tutorial"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rodrigokamada.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-12-28T21:11:36.000Z","updated_at":"2024-06-04T08:15:26.000Z","dependencies_parsed_at":"2023-12-31T20:23:25.563Z","dependency_job_id":"62967468-3277-4036-a588-3bbacf53ebd6","html_url":"https://github.com/rodrigokamada/angular-docker","commit_stats":null,"previous_names":["rodrigokamada/angular-docker"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigokamada%2Fangular-docker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigokamada%2Fangular-docker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigokamada%2Fangular-docker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigokamada%2Fangular-docker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rodrigokamada","download_url":"https://codeload.github.com/rodrigokamada/angular-docker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239084400,"owners_count":19578773,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","beginners","container","devcommunity","docker","hacktoberfest","tutorial"],"created_at":"2024-10-12T15:09:03.266Z","updated_at":"2025-10-31T00:31:07.522Z","avatar_url":"https://github.com/rodrigokamada.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Docker\n\nApplication example built with [Angular](https://angular.io/) 17 and running the image in a [Docker](https://www.docker.com/) container.\n\nThis tutorial was posted on my [blog](https://rodrigo.kamada.com.br/blog/criando-e-executando-uma-aplicacao-angular-em-um-conteiner-docker) in portuguese and on the [Substack](https://rodrigokamada.substack.com/p/creating-and-running-an-angular-application) in english.\n\n\n[![Website](https://shields.braskam.com/v1/shields?name=website\u0026format=rectangle\u0026size=small\u0026radius=5)](https://rodrigo.kamada.com.br)\n[![LinkedIn](https://shields.braskam.com/v1/shields?name=linkedin\u0026format=rectangle\u0026size=small\u0026radius=5)](https://www.linkedin.com/in/rodrigokamada)\n[![Twitter](https://shields.braskam.com/v1/shields?name=twitter\u0026format=rectangle\u0026size=small\u0026radius=5)](https://twitter.com/rodrigokamada)\n[![Instagram](https://shields.braskam.com/v1/shields?name=instagram\u0026format=rectangle\u0026size=small\u0026radius=5)](https://www.instagram.com/rodrigokamada)\n\n\n\n## Prerequisites\n\n\nBefore you start, you need to install and configure the tools:\n\n* [git](https://git-scm.com/)\n* [Node.js and npm](https://nodejs.org/)\n* [Angular CLI](https://angular.io/cli)\n* [Docker Engine](https://docs.docker.com/engine/install/)\n* IDE (e.g. [Visual Studio Code](https://code.visualstudio.com/))\n\n\n\n## Getting started\n\n\n### Create the Angular application\n\n\n[Angular](https://angular.io/) is a development platform for building WEB, mobile and desktop applications using HTML, CSS and TypeScript (JavaScript). Currently, Angular is at version 17 and Google is the main maintainer of the project.\n\n**1.** Let's create the application with the Angular base structure using the `@angular/cli` with the server-side rendering (SSR) disabled, the route file and the SCSS style format.\n\n```powershell\nng new angular-docker --ssr false --routing true --style scss\nCREATE angular-docker/README.md (1067 bytes)\nCREATE angular-docker/.editorconfig (274 bytes)\nCREATE angular-docker/.gitignore (548 bytes)\nCREATE angular-docker/angular.json (2806 bytes)\nCREATE angular-docker/package.json (1045 bytes)\nCREATE angular-docker/tsconfig.json (903 bytes)\nCREATE angular-docker/tsconfig.app.json (263 bytes)\nCREATE angular-docker/tsconfig.spec.json (273 bytes)\nCREATE angular-docker/.vscode/extensions.json (130 bytes)\nCREATE angular-docker/.vscode/launch.json (470 bytes)\nCREATE angular-docker/.vscode/tasks.json (938 bytes)\nCREATE angular-docker/src/main.ts (250 bytes)\nCREATE angular-docker/src/favicon.ico (15086 bytes)\nCREATE angular-docker/src/index.html (299 bytes)\nCREATE angular-docker/src/styles.scss (80 bytes)\nCREATE angular-docker/src/app/app.component.scss (0 bytes)\nCREATE angular-docker/src/app/app.component.html (20884 bytes)\nCREATE angular-docker/src/app/app.component.spec.ts (940 bytes)\nCREATE angular-docker/src/app/app.component.ts (373 bytes)\nCREATE angular-docker/src/app/app.config.ts (227 bytes)\nCREATE angular-docker/src/app/app.routes.ts (77 bytes)\nCREATE angular-docker/src/assets/.gitkeep (0 bytes)\n✔ Packages installed successfully.\n    Successfully initialized git.\n```\n\n**2.** Now we will run the application with the command below.\n\n```powershell\nnpm start\n\n\u003e angular-docker@0.0.0 start\n\u003e ng serve\n\n\nInitial Chunk Files | Names         |  Raw Size\npolyfills.js        | polyfills     |  82.71 kB | \nmain.js             | main          |  23.23 kB | \nstyles.css          | styles        |  96 bytes | \n\n                    | Initial Total | 106.03 kB\n\nApplication bundle generation complete. [1.504 seconds]\nWatch mode enabled. Watching for file changes...\n  ➜  Local:   http://localhost:4200/\n```\n\n**3.** Ready! Next, we will access the URL `http://localhost:4200/` and check if the application is working.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigokamada%2Fangular-docker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frodrigokamada%2Fangular-docker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigokamada%2Fangular-docker/lists"}