THE WINNER MIX: CLOUD, FUNCTIONS AND MICRO FRONTENDS FOR AN
ARCHITECTURE SMOOTHIE
Natalia Venditto
@anfibiacreativa
Natalia Venditto

@anfibiacreativa
Cloud.
@anfibiacreativa








@anfibiacreativa
WHAT DO ALL MODERN (SMALL AND ENTERPRISE SIZE) SOLUTIONS
HAVE IN COMMON?

Infrastructure
Business Logic
Services (APIS)
Frontend
@anfibiacreativa

Content Management
Tech Stack
Patterns and Frameworks
CD/CI + Release Models
@anfibiacreativa
Build Systems
Dependency Management



@anfibiacreativa




Infrastructure
Business Logic
Services (APIS)
Frontend
@anfibiacreativa
Content Management



Infrastructure
Business Logic
Services (APIS)
Frontend
Content Management



@anfibiacreativa




@anfibiacreativa




@anfibiacreativa


API Gateway
Infrastructure
Business Logic
Services (APIS)
Frontend
Content Management
Infrastructure
Serverless Computing
Micro-services + API Gateway
service1
service2
service3
serviceN
feat. complete
team of 2
releases every 2 weeks
team of 10
in development
releases every 3 weeks
team of 5
in development
service1
service2
service3
serviceN
micro-fe
micro-fe
micro-fe
micro-fe
micro-fe1
feat. complete
team of 2
releases every 2 weeks
team of 10
in development
releases every 3 weeks
team of 5
in development
micro-fe2
micro-fe3
micro-feN
micro-fe1
micro-fe2
micro-fe3
micro-feN
Common JS Utilities
Common Styles/Fonts/Icons

app1
app2
app3
appN
Angular Mono Repo
el1
el2
el3
elN
Angular Mono Repo
createCustomElement<P>(component: Type<any>, config: NgElementConfig): NgElementConstructor<P>
Infrastructure
Business Logic
Services (APIS)
Frontend
Content Management
Infrastructure
Serverless Computing
Micro-services + API Gateway
Micro-frontends






CRUD
HOW DO WE SETUP AND INTEGRATE ALL THESE?























SERVERLESS COMPUTING FUNCTIONS ARE CODE THAT EXECUTES ONLY WHEN NEEDED, AND NEEDS NO SERVER MAINTENANCE

exports.handler = async function(event, context) {
console.log('Remaining time: ', context.getRemainingTimeInMillis())
console.log('Function name: ', context.functionName)
return context.logStreamName
}
SERVERLESS FUNCTIONS ARE RUN FROM PIPELINE EXECUTION VIA
ACTIONS, OR IN RESPONSE TO EVENT TRIGGERS




GITLAB IS PRECONFIGURED AND AVAILABLE IN MARKETPLACE
WITH DEPENDENCIES TO OTHER SERVICES!








REDUCED
COSTS IN
INFRASTRUCTURE
SETUP AND MAINTENANCE

EASIER
TO SCALE UP, FASTER TO DEPLOY, 0 TO NONE DOWNTIME

ABSOLUTE
FLEXIBILITY, ABILITY TO CHOOSE ALL TECHNOLOGIES, IN THE STACK

CONTINUOUS INTEGRATION LEADING, TO AGILE DELIVERY


Thank you!!!
Images Unsplash.com | Icons Freepik && Eucalyp @ flaticon.com
@anfibiacreativa

Cloud: the winner mix
By Natalia Venditto
Cloud: the winner mix
Lambdas and micro-frontends in an architecture smoothie
- 499