{"id":25689170,"url":"https://github.com/zcemycl/webpack-react-ts-mpa-example","last_synced_at":"2026-04-09T15:45:27.840Z","repository":{"id":59977990,"uuid":"536504245","full_name":"zcemycl/webpack-react-ts-mpa-example","owner":"zcemycl","description":"Multiplatform example for deploying typescript application.","archived":false,"fork":false,"pushed_at":"2023-03-31T12:00:33.000Z","size":1585,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-23T08:56:43.547Z","etag":null,"topics":["acr","app-service","aws","azure","azure-devops","azure-pipelines","bicep","code-splitting","docker","gcp","gitlab","gitlab-ci","infrastructure-as-code","jest","npm","puppeteer","react","terraform","typescript","webpack"],"latest_commit_sha":null,"homepage":"https://zcemycl.github.io/webpack-react-ts-mpa-example/","language":"HCL","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/zcemycl.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,"publiccode":null,"codemeta":null}},"created_at":"2022-09-14T09:26:15.000Z","updated_at":"2023-05-24T12:25:29.000Z","dependencies_parsed_at":"2025-02-24T22:00:57.587Z","dependency_job_id":"2ea19567-6501-47d4-98b9-1034e7f8f913","html_url":"https://github.com/zcemycl/webpack-react-ts-mpa-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zcemycl/webpack-react-ts-mpa-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zcemycl%2Fwebpack-react-ts-mpa-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zcemycl%2Fwebpack-react-ts-mpa-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zcemycl%2Fwebpack-react-ts-mpa-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zcemycl%2Fwebpack-react-ts-mpa-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zcemycl","download_url":"https://codeload.github.com/zcemycl/webpack-react-ts-mpa-example/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zcemycl%2Fwebpack-react-ts-mpa-example/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261643382,"owners_count":23188862,"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":["acr","app-service","aws","azure","azure-devops","azure-pipelines","bicep","code-splitting","docker","gcp","gitlab","gitlab-ci","infrastructure-as-code","jest","npm","puppeteer","react","terraform","typescript","webpack"],"created_at":"2025-02-24T22:00:38.389Z","updated_at":"2025-12-30T19:09:06.917Z","avatar_url":"https://github.com/zcemycl.png","language":"HCL","funding_links":[],"categories":[],"sub_categories":[],"readme":"## ReactJS with Webpack and Typescript\n![example workflow](https://github.com/zcemycl/webpack-react-ts-mpa-example/actions/workflows/main.yml/badge.svg) [![Coverage Status](https://coveralls.io/repos/github/zcemycl/webpack-react-ts-mpa-example/badge.svg?branch=main)](https://coveralls.io/github/zcemycl/webpack-react-ts-mpa-example?branch=main)\n\n### Techniques\n#### Frontend\n1. Webpack with code splitting\n    - View it in Elements of Developer Tool. \n    - Please turn on Disable Cache in Network tab, and switch to Slow 3G. \n    - A new script will appear and disappear.\n2. ReactJS\n3. MultiPages Application\n4. Puppeteer docker\n5. Typescript\n\n#### CICD\n1. Github actions\n2. Gitlab CI\n3. Azure Devops\n4. Docker Multistages deployment\n\n#### IaC\n1. Azure CLI + Bicep\n2. Terraform\n\n#### Azure \n1. Azure App Service\n2. Azure Container Registry\n3. Azure Webhooks\n\n#### AWS\n1. AWS Elastic Container Registry\n2. AWS Virtual Private Cloud\n3. AWS Elastic Container Services\n4. AWS Autoscaling Group\n\n#### GCP\n1. GCP Artifact Registry\n2. GCP Cloud Run\n\n\n#### References\n1. [React with TypeScript: Best Practices](https://www.sitepoint.com/react-with-typescript-best-practices/)\n2. [Automate Terraform with GitHub Actions](https://learn.hashicorp.com/tutorials/terraform/github-actions)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzcemycl%2Fwebpack-react-ts-mpa-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzcemycl%2Fwebpack-react-ts-mpa-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzcemycl%2Fwebpack-react-ts-mpa-example/lists"}