Software

Client-Side

• Vue: Powerful, component-based front-end JS framework.
• React: Long-standing defacto standard front-end JS framework. Project usage:
• Preact: Minimal footprint version of React.
  • Project: WCASG Widget

JAMStack

• JAMStack Examples: Live apps illustrating various JAMStack configurations

Static Site Generators

• NuxtJS: Vue-based static site generator
• NextJS: Like NuxtJS, but React-based
• NestJS: Node.js framework. Author would recommend avoiding NestJS in the future as it's too opinionated with heavy reliance on decorators, dependency injection, leading to excessive circular dependency issues.
  • Project: WCASG Connector
• Gatsby: Based on React and generates GraphQL from data sources
• Quasar: Vue-based interface framework for "all" platforms

Database

Cache

• Redis: Industry standard open source in-memory data store (AWS Support: Yes)

Document

• Amazon DynamoDB: Fast NoSQL, serverless, auto-scaling key-value/document database (AWS Support: Only)
• MongoDB: Powerful JSON-based document database (AWS Support: Sort of, via compatible DocumentDB service).
  • Project: Coeus
  • Project: WCASG Audit
  • Project: WCASG Connector
  • Project: WCASG Dashboard

Relational

• PostgreSQL: Highly-performant open-source relational database (AWS Support: Yes)
• Amazon Aurora: MySQL and PostgreSQL-compatible relational database with 3-5x speed increase (AWS Support: Only)
• MariaDB: The "new" MySQL, with many additional features (AWS Support: Yes)
• MySQL: The defacto standard of open-source relational databases (AWS Support: Yes)

Design

• Design Resources for Developers: Huge collection of design resources
• Land-book: Portfolio of landing pages and other page ideas

CSS

• Tailwind: Utility-based framework
• Bulma: Modern framework based on Flexbox
• Vuetify: Vue components based on Material Design
• Material UI: React components based on Material Design
• Bootstrap: Old-school component framework

Security

• HashiCorp Vault: Open-source secret and access control management platform

Server-Side

PHP

Laravel

• Laravel Framework: Powerful web framework, particularly when combined with its many supporting tools & platforms
  • Project: WCASG Dashboard
• Laravel Vapor: Serverless deployment ($39/month, unlimited apps/users)
• Laravel Forge: Server-based deployment ($19-$39/month, depending on team needs)
• Laravel Passport: OAuth2 support
• Laravel Sanctum: API token / SPA authentication
• Laravel Horizon: Dashboard monitor for Redis queues

SPA-like

• Inertia.js: Emulates SPA features for server-side frameworks like Laravel, Rails, and Django using Vue, React, or Svelte component architecture. Performs frequent backend JSON API XHR requests to dynamically update front-end.
• Laravel Livewire: Similar to Inertia, but Laravel-specific. Performs XHR requests to retrieve partial HTML strings and inject them into current DOM. Easy to setup and use, but doesn't work well with more complicated front-end JS lifecycles or outside libraries.

Tooling

AWS

• Localstack: Configure and test AWS infrastructure in local dev environment.

JavaScript Bundlers

• Rollup: Fast and modern bundler. A strong contendor for the best JS bundler due to feature set and, most importantly, speed, but Parcel is a close-second.
• Parcel: Highly-opinionated, pre-configured bundler.
• Webpack: Long-time industry standard bundler. Build time can be extremely slow compared to modern bundlers.
• Vite: In early development, but looks promising as it's based on Rollup and is closely tied to upcoming Vue 3.0 (currently ~Q2 2020).