Getting Started with DivSrc.io

What is DivSrc.io?

DivSrc.io provides an end-to-end solution empowering teams to adopt micro frontends architecture to build fast and scalable web applications by enabling a seamless collaboration and synchronization within the organization.

Years of experience working with front-end architecture and product development led us to create an integrated solution allowing organizations to achieve an instant impact of shortening time to market. Our solution is intuitive to setup and allows an immediate integration with your code base for using and deploying your micro apps.

We enable disattaching the non-technical details from the code base, such as version management, dependencies, canary releases, A/B testing, configuration, translations and localizations, which allows product managers, QA, and designers to control the development and release flow.

DivSrc is agnostic of your programming language, design, style, CI/CD, or the hosting of your apps, which enables quick and simple onboarding for a quick ROI.

Key Features

  • Artifacts visibility
    • Developers - dashboard view of which versions are being used by which users
    • Consumers - notifies of any version changes to foster communication and collaboration with the developers
  • Agile rollouts and rollbacks via DivSrc cloud or REST api
  • Canary release
  • A/B testing
  • App configuration per each installation
  • Single environment for testing, automation and QA
  • Integrated localization (translations)

Who DivSrc.io is for?

DivSrc was created by developers for developers to foster seamless communication and collaboration within the organization and among team members.

As a company grows so does the cost of getting in sync, which is why we founded DisSrc to facilitate communication among team members. Simplifying coordination allows developers to focus on the core product development without the extra costs of getting in sync.

The most common solution is to use npm, which solves the engineering teams coupling, but introduces a new set of challenges, such as the dependency management, ownership, and the fact that your master app bundles the external npm packages into its code requires constant redeployment's, tests of the entire app and the most painful one, the npm package has to be built with the same UI framework.

DivSrc Architectural Overview

Terminology

  • Host - host app/master app. Loads and renders apps. Usually responsible for authentication and routing
  • Artifact - Represents a single micro frontend/micro app
  • Installation - Represents installation of specific artifact version

Architecture

TODO
Quick Start →