Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/almoghindi/micro-frontends
A microfrontends project leveraging Webpack for module bundling, built with React and Vue. The application is hosted on Amazon S3 and distributed via Amazon CloudFront for optimal performance. Continuous integration and deployment are managed with GitHub Actions, ensuring seamless updates and scalability.
https://github.com/almoghindi/micro-frontends
aws aws-cloudfront aws-s3 github-actions react vue
Last synced: about 1 month ago
JSON representation
A microfrontends project leveraging Webpack for module bundling, built with React and Vue. The application is hosted on Amazon S3 and distributed via Amazon CloudFront for optimal performance. Continuous integration and deployment are managed with GitHub Actions, ensuring seamless updates and scalability.
- Host: GitHub
- URL: https://github.com/almoghindi/micro-frontends
- Owner: almoghindi
- Created: 2024-07-29T09:44:18.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-07-29T09:46:31.000Z (5 months ago)
- Last Synced: 2024-07-29T13:03:11.530Z (5 months ago)
- Topics: aws, aws-cloudfront, aws-s3, github-actions, react, vue
- Language: JavaScript
- Homepage: https://d1mg0sorlhqswh.cloudfront.net/
- Size: 126 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Microfrontends Project
## Project Overview
This project demonstrates a microfrontends architecture using Webpack for module bundling. The application integrates multiple frontend frameworks, including React and Vue, to create a cohesive user experience. It is hosted on Amazon S3 and distributed via Amazon CloudFront, ensuring optimal performance and scalability. Continuous integration and deployment are managed with GitHub Actions.
## Key Features
- **Microfrontends Architecture**: Integrates multiple frameworks within a single application.
- **React and Vue**: Uses React and Vue components to demonstrate interoperability.
- **Webpack**: Utilizes Webpack for efficient module bundling and code splitting.
- **Amazon S3**: Hosts static assets.
- **Amazon CloudFront**: Distributes content globally with low latency.
- **CI/CD**: GitHub Actions for automated build, test, and deployment pipelines.
## Technologies Used
- **Frontend Frameworks**: React, Vue
- **Module Bundler**: Webpack
- **Hosting**: Amazon S3
- **Content Delivery Network (CDN)**: Amazon CloudFront
- **CI/CD**: GitHub Actions