Skip to content

joernb/solution-landscape

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

✨ Solution Landscape ✨

JavaScript / Web / Node

  • NPM: Base of JavaScript/TypeScript and Node.js projects, packages

    • Create React App: Single Page App (SPA)

      • React Router: Frontend routing

      • Redux: Solves state management, extendable via middlewares

        • Redux Thunk: Allows limited async logic
        • Redux Saga: Complex async side effect handling using generators
        • Redux Observable: Complex async side effect handling using RxJS observables
      • Material-UI: React UI framework based on Material Design

      • react-query: Hooks for fetching, caching and updating asynchronous data

      • Apollo Client: GraphQL client

        • Shopify: E-Commerce platform integration ☁️
        • Contentful: Headless content management system ☁️
      • Google Maps: Interactive map

      • Leaflet: Interactive map

      • Bootstrap: CSS framework, supports themes

      • Netlify: Easy web app deployment/hosting ☁️

    • Next.js: React Single Page App (SPA) with server-side rendering and static site generation

    • Angular: Single Page App (SPA)

      • NgRx: RxJS observable integration for Angular, implements state management
      • Bootstrap: CSS framework, supports themes
      • Netlify: Easy web app deployment/hosting ☁️
    • Vue: Single Page App (SPA)

      • Vuex: State management
      • Nuxt.js: Server-side rendering, static site generation
      • Netlify: Easy web app deployment/hosting ☁️
    • Gatsby: React static site generator with built time data fetching and frontend routing, extendable via plugins

    • Express: Node.js backend framework

      • Apollo Server: GraphQL server middleware for Express
      • Auth0: Server-side token validation ☁️
      • Heroku: Deploy Node.js app on Heroku ☁️
      • Serverless: Deployment framework for different cloud providers
      • AWS Elastic Beanstalk: Deploy and operate Node.js apps ☁️
    • Apache Cordova: Hybrid mobile app framework

      • Ionic: Mobile UI toolkit
      • Fastlane: Automated build, deployment and publishing for Android/iOS apps
    • React Native: Mobile Android/iOS apps with JavaScript code and native UI

      • Fastlane: Automated build, deployment and publishing for Android/iOS apps
    • Bootstrap: CSS framework, supports themes

    • Cycle.js: Framework for rendering and async side effect handling with reactive streams/observables.

    • Tailwind CSS: Utility-first CSS framework

    • Moment.js: Date and time handling

    • Bulma: CSS framework based on flexbox

    • D3: Data visualization library

    • Lighthouse CI Client: Performance / SEO / UX quality assurance for web apps, needs LHCI server to store data and visualize trends

    • Contentful Migration: Migration scripting for Contentful data models

Cloud Native

  • Docker: Virtualization via containers and images

    • NGINX: Web server
    • MySQL: Relational database
    • PostgreSQL: Relational database
      • PostGIS: Spatial extension for PostgreSQL
    • Kafka: Scalable event streaming
    • Elasticsearch: Search engine, used for log aggregation
      • Kibana: Elasticsearch visualization UI
      • bonsai.io: Hosted Elasticsearch and Kibana ☁️
    • Filebeat: Log shipping to Elasticsearch
    • InfluxDB: Time series database
    • Telegraf: Collect metrics and writes them to InfluxDB
    • Grafana: Dashboards for monitoring and alerting, supports different data sources
    • Lighthouse CI Server: Stores collected performance/SEO/UX measurements and visualizes trends
    • Renovate Bot: Bot for automated dependency updates
    • Heroku: Deploy and operate docker images ☁️
    • AWS Elastic Beanstalk: Deploy and operate docker images ☁️
  • Kubernetes: Container orchestration platform

    • Helm: Kubernetes package manager
    • Google Kubernetes Engine: Operate Kubernetes on Google Cloud ☁️
    • NGINX: NGINX as Kubernetes ingress controller / load balancer
    • OpenShift: Enhanced Kubernetes platform, provides long-term enterprise support, on-premise or managed ☁️

About

Overview of software development building blocks

Topics

Resources

Stars

Watchers

Forks

Contributors