Skip to content
A visual approach to serverless development. Think. Build. Repeat.
JavaScript
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Moved to webpack. Updated icons. Other minor updates. Apr 5, 2019
src
.gitignore
LICENSE
README.md
package-lock.json
package.json
webpack.config.js

README.md

Serverless By Design

Serverless by Design screenshot

Serverless By Design is a visual approach to serverless development:

  • An application is a network of nodes (serverless resources, such as Lambda functions or S3 buckets) connected by edges (their relationships, for example a trigger or a data flow)
  • Edit an application adding nodes and edges following an event-driven design
  • Import a previously exported application to continue working on it
  • Choose a runtime, and build your application (for example, using AWS SAM)
  • Optionally use canary or linear deployments for your future updates
  • Edit templates and code files for the final configurations before deploying the application
  • Export an application to save it for later use in a JSON file
  • Take a picture of the application architecture to have a visual representation to share
  • Fine tune the physics used to place nodes and edges on the screen, for example enable/disable it or choose another solver

Serverless By Design runs in the browser and doesn't need an internet connection when installed locally.

A live version is available at: http://sbd.danilop.net

Think. Build. Repeat.

License

Copyright (c) 2017 Danilo Poccia, http://danilop.net

This code is licensed under the The MIT License (MIT). Please see the LICENSE file that accompanies this project for the terms of use.

Installation

You need node and npm. Just run:

npm run build

to build it for production, then open dist/index.html with your favourite browser.

For a development build, that you can debug with a browser, use:

npm run dev

Usage

Here are a few examples to help you start:

Dependencies

This code depends on:

You can’t perform that action at this time.