{"id":20788882,"url":"https://github.com/erkobridee/nx-frontends","last_synced_at":"2025-10-27T13:48:21.627Z","repository":{"id":38963960,"uuid":"242165936","full_name":"erkobridee/nx-frontends","owner":"erkobridee","description":"Multiple frontend applications example using the Nx (Extensible Dev Tools for Monorepos)","archived":false,"fork":false,"pushed_at":"2023-12-15T20:30:40.000Z","size":17979,"stargazers_count":8,"open_issues_count":10,"forks_count":3,"subscribers_count":2,"default_branch":"develop","last_synced_at":"2025-05-05T19:03:46.172Z","etag":null,"topics":["azure","azure-devops","frontend","monorepos","nrwl","nx","nx-workspaces","react","sass","sharedassets","typescript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"isc","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/erkobridee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2020-02-21T15:05:52.000Z","updated_at":"2023-06-13T15:18:14.000Z","dependencies_parsed_at":"2025-05-05T18:36:58.321Z","dependency_job_id":"8a010797-9666-4ea8-9ebb-b0e2d8a018fe","html_url":"https://github.com/erkobridee/nx-frontends","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"purl":"pkg:github/erkobridee/nx-frontends","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erkobridee%2Fnx-frontends","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erkobridee%2Fnx-frontends/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erkobridee%2Fnx-frontends/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erkobridee%2Fnx-frontends/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/erkobridee","download_url":"https://codeload.github.com/erkobridee/nx-frontends/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erkobridee%2Fnx-frontends/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281279068,"owners_count":26473856,"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","status":"online","status_checked_at":"2025-10-27T02:00:05.855Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["azure","azure-devops","frontend","monorepos","nrwl","nx","nx-workspaces","react","sass","sharedassets","typescript"],"created_at":"2024-11-17T15:17:41.994Z","updated_at":"2025-10-27T13:48:21.614Z","avatar_url":"https://github.com/erkobridee.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NxFrontends\n\nThis project was generated using [Nx](https://nx.dev) ([v12.0.6](https://github.com/nrwl/nx/releases/tag/12.0.6))\n\nℹ️\u0026nbsp;\u0026nbsp;use the node.js v12 LTS\n\n🌎\u0026nbsp;\u0026nbsp;[Pipelines (builds) on MS Azure DevOps](https://dev.azure.com/ErkoBrideeAzure/nx-frontends/_build)\n\n## Goal\n\n- create 2 simple frontend application using react, have one a shared assets lib and a shared ui components lib used from both of the applications\n\n- master how to define and use the [Azure DevOps Services | Microsoft Azure](https://dev.azure.com/) CI/CD pipelines as code ([YAML](https://yaml.org/))\n\n- integrate the gatsby support and identify how to use it\n\n- use the storybook support and integrate it to the azure pipelines\n\n## Documentation\n\n- [Dev environment known issues](docs/dev-env-known-issues.md)\n\n- [GitHub Tips](docs/github-tips.md)\n\n- [Nx](docs/nx.md)\n\n  - [Nx Gatsby Plugin](docs/nx-gatsby-plugin.md)\n\n  - [Nx Storybook Plugin](docs/nx-storybook-plugin.md)\n\n- [Project creation commands (steps)](docs/project-creation-commands.md)\n\n- [Build and release flows](docs/build-release-flow/README.md)\n\n  - [Proposed idea](docs/build-release-flow/proposed-idea.md)\n\n  - [Using the Microsoft Azure DevOps](docs/build-release-flow/azure-devops.md)\n\n    - [Pipelines flows](docs/build-release-flow/azure-devops_pipelines-flows.md)\n\n    - [Load `.yml` pipeline into Azure DevOps](docs/build-release-flow/azure-devops_load-yml-pipeline.md)\n\n    - [Trigger pipeline over a REST API call](docs/build-release-flow/azure-devops_rest-api_trigger_pipeline.md)\n\n  - [Create and use a GitHub PAT](docs/build-release-flow/github-pat.md)\n\n## Project dependencies graph\n\n![nx dep-graph](docs/assets/nx_dep-graphs.png)\n\n\u003e **implicit** - means kind of manual mapping\n\n## Findings\n\n- it's possible to have more flexible libs\n\n  - create an assets lib to share the SASS (.scss) common files and also the images, which is a folder with the given content needed inside (no ts or other nx lib stuff related inside of it)\n\n    - [Sass: LibSass is Deprecated](https://sass-lang.com/blog/libsass-is-deprecated) - [sass package | npm](https://www.npmjs.com/package/sass)\n\n  - have a component lib that expose the whole content of itself and with that gain more flexibility to access the shared components from others libs or applications\n\n- it's possible to use the gatsby inside of the nx workspace, but it demands a bit of some extra manual steps to map the paths alias that will be used on the code and with that avoid to handl e the relative imports (avoid the need of this: `../..`)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferkobridee%2Fnx-frontends","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ferkobridee%2Fnx-frontends","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferkobridee%2Fnx-frontends/lists"}