THE WINNER MIX: CLOUD, FUNCTIONS AND MICRO FRONTENDS FOR AN

ARCHITECTURE SMOOTHIE

Natalia Venditto

@anfibiacreativa

Natalia Venditto

@anfibiacreativa

Cloud.

@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

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