{"id":16255674,"url":"https://github.com/neilzo/micro-frontend","last_synced_at":"2026-02-27T15:03:19.335Z","repository":{"id":39017003,"uuid":"254458217","full_name":"neilzo/micro-frontend","owner":"neilzo","description":"A fullstack JS architecture, with a twist of microservices on the frontend","archived":false,"fork":false,"pushed_at":"2023-01-06T15:03:03.000Z","size":5953,"stargazers_count":1,"open_issues_count":25,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-20T22:36:28.299Z","etag":null,"topics":["css-modules","expressjs","javascript","mern-stack","microservices-architecture","monorepo","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/neilzo.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}},"created_at":"2020-04-09T19:16:13.000Z","updated_at":"2023-05-30T06:56:09.000Z","dependencies_parsed_at":"2023-02-06T05:45:38.273Z","dependency_job_id":null,"html_url":"https://github.com/neilzo/micro-frontend","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/neilzo/micro-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neilzo%2Fmicro-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neilzo%2Fmicro-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neilzo%2Fmicro-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neilzo%2Fmicro-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/neilzo","download_url":"https://codeload.github.com/neilzo/micro-frontend/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neilzo%2Fmicro-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29901143,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-27T14:46:13.553Z","status":"ssl_error","status_checked_at":"2026-02-27T14:46:10.522Z","response_time":57,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css-modules","expressjs","javascript","mern-stack","microservices-architecture","monorepo","react"],"created_at":"2024-10-10T15:43:35.907Z","updated_at":"2026-02-27T15:03:19.301Z","avatar_url":"https://github.com/neilzo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# micro-frontend\n\nA proof-of-concept for frontend `~microservices~`\n\n![CI](https://github.com/neilzo/micro-frontend/workflows/CI/badge.svg)\n\n## Overview\n\nThis app is inspired by [Cam Jackson's micro-frontend article](https://martinfowler.com/articles/micro-frontends.html)\nwith some changes and additions like:\n\n- Micro-frontends are backed by individual node apps\n- Global redux store implemented\n- Leverages Docker\n- Uses Lerna \u0026 Yarn workspaces to manage the monorepo\n- No content server\n\nArchitecture:\n```\nContainer app\n| - Search (browse recipes) sub-app\n| | - Uses global redux store\n| - Recipe sub-app\n| | - Connected to Mongo\n```\n\n## Getting started\n\nRequires:\n- [Docker](https://www.docker.com/products/docker-desktop)\n\n1. `git clone` this repo\n2. Within the app dir, run `docker-compose build`\n3. Then `docker-compose up`\n4. To create the default MongoDB user, first sh in with `docker exec -it database mongo`\n5. Copy, paste, and run the code from `scripts/initMongo.js`\n6. To seed recipes, run:\n   ```\n   docker exec -it recipe-server node packages/recipe/scripts/seedRecipes.js\n   ```\n7. Load `http://localhost:3000` in a browser\n8. Take over the world with its web-scale\n\n## TODO:\n\n- [ ] Env config for dev server ports\n- [ ] Shared deps\n  - [ ] Used by at least two apps: √react, √react-dom, redux, history, lodash\n  - [ ] Share common dev dependencies w/ Lerna\n- [x] Scaffold Redux\n    - [x] Implement and share access across sub-apps\n- [ ] Testing\n  - [x] Scaffold tests\n  - [ ] Increase coverage to 70%\n  - [ ] Coverage tool\n- [ ] Add LESS/SCSS\n- [x] Add trivial DB interactions to show its use\n  - [ ] Add auth (account, login/out)\n- [x] Add Nginx\n  - [ ] Configure to serve static assets from each sub-app\n- [x] Experiment w/ Docker\n  - [x] Dockerfiles\n  - [x] Docker compose\n  - [x] Instead of serving prod version, enable dev w/ webpack dev servers\n  - [x] Docker prod config\n  - [x] Consolidate docker files\n  - [x] Fix classnames not being installed :confused:\n  - [x] Use multi-stage builds to trim image size\n- [ ] CI\n  - [x] Github actions/CircleCI for test/lint\n  - [ ] Use for publish/build\n- [ ] Prod build + deploy\n  - [x] Build and serve static files\n  - [x] Ship it to the world\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneilzo%2Fmicro-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneilzo%2Fmicro-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneilzo%2Fmicro-frontend/lists"}