{"id":21025514,"url":"https://github.com/jails-org/mfe","last_synced_at":"2025-08-15T21:35:21.725Z","repository":{"id":232299213,"uuid":"783515936","full_name":"jails-org/MFE","owner":"jails-org","description":"A repository for Micro Front-end Applications","archived":false,"fork":false,"pushed_at":"2025-05-03T21:27:01.000Z","size":88709,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-03T21:27:58.434Z","etag":null,"topics":["mfe","micro-frontend"],"latest_commit_sha":null,"homepage":"https://stackblitz.com/edit/jails-mfe?file=index.html","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jails-org.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":"2024-04-08T03:38:56.000Z","updated_at":"2025-05-03T21:27:04.000Z","dependencies_parsed_at":"2025-05-03T21:34:34.237Z","dependency_job_id":null,"html_url":"https://github.com/jails-org/MFE","commit_stats":null,"previous_names":["jails-org/mfe"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jails-org/MFE","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jails-org%2FMFE","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jails-org%2FMFE/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jails-org%2FMFE/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jails-org%2FMFE/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jails-org","download_url":"https://codeload.github.com/jails-org/MFE/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jails-org%2FMFE/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270631864,"owners_count":24619384,"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-08-15T02:00:12.559Z","response_time":110,"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":["mfe","micro-frontend"],"created_at":"2024-11-19T11:34:10.486Z","updated_at":"2025-08-15T21:35:21.687Z","avatar_url":"https://github.com/jails-org.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MFE\n\nA Simple way to create and share Micro FrontEnd Applications\nThis Micro Frontend Monorepo is suposed to be used as an example, you can clone it and host it in your own static cloud.\n\n![Untitled-2024-01-27-1135](https://github.com/jails-org/MFE/assets/567506/6d7e0651-fb3e-483a-a4ef-96730fe6f5ef)\n\n## Host\n\n### Usage\n\n**Important** : We're using Parceljs to generate static code so there's a bug where you have to have at least 2 MFES so parcel can create folder structure as expected.\nPlease, ensure that you have at least 2 MFES and you'll be good to go. \n\nClone repo, install dependencies using `npm` or any other node module package system, and run `yarn dev` in order to see the samples working.\n\nYou can access them here : \n- http://localhost:1234/mfe-hello-world/page : Hello World Page\n- http://localhost:1234/mfe-sample/page : Sample Page\n\nIf you want to create a new MFE, there's a command for that: \n1. You just have to run: `yarn create:mfe some-name`. This will create a new folder containing all files needed to work.\n2. Run `yarn dev` again in order to see you MFE that should be available on: http://localhost:1234/mfe-some-name/page.\n\n\u003cbr /\u003e\n\n\n### Building\nYou can run `yarn build` when you're ready. That will generate your static files in the following structure to be used externally:\n\n```\nmfe-some-name\n  - index.html\n  - index.css\n  - index.js\n```\n\n\u003cbr /\u003e\n\n## Client\n\n### Usage\n\nOnce your MFE host is hosted, it's very simple to run them inside your application.\n1. You just have to import the `main.js` file generated by building task, it will contain the initialization code and dependencies of your mfes.\n2. Instantiate them manually in to the DOMElement you want.\n\n```ts\n\u003cscript src=\"https://mfe-jails.netlify.app/main.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n  window.MFE\n    .add('mfe-sample', '#sample')\n    .add('mfe-hello-world', '#hello-world')\n    .start()\n\u003c/script\u003e\n```\n\nThe script url needs to be present in host package.json in the `host` field. Ex.: https://github.com/jails-org/MFE/blob/8edee8b7d5f7105d299602a491fb3c263595ff56/package.json#L7\nSo change it to your hosting url after your deploy.\n\n\u003cbr /\u003e\n\n## Live Example\n\nhttps://stackblitz.com/edit/jails-mfe?file=index.html\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjails-org%2Fmfe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjails-org%2Fmfe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjails-org%2Fmfe/lists"}