Skip to main content

Backend ↔ internal server-side logic to serve/run Web App

aka Back-end, Server-side, Server-end

Stateless Backend

Stateful Backend

Serverless​

AKA cloud functions to defer BaaS to cloud services for low-maintenance zero-config like AWS Lambda, Google Cloud Functions, Azure Functions. Takes care of OS, networking, deps, scaling, deploy

References​

  1. Webhook ↔ Listener for Async web event, to push real-time updates to App/Backend

  2. Server Component ↔ FC to Server Side Render on Backend & serve Static Content to Thin Client

  3. Server Side Render ↔ to Pre-render Static Content on Server Backend & serve to Thin Client with each request

  4. Secret Key ↔ API Key to connect Backend to Online API, access to sensitive internals/accounts - unsafe to expose

  5. ngrok ↔ Reverse Proxy CLI Dev tool to build/test Backend - to map localhost instance to remote ngrok.io subdomain - to bypass firewall/CORS-pain

  6. GraphQL ↔ Query Language with Type Sys/Schema to fetch/mutate (graph-like) data on Backend API/Online API. To fix Overfetch/Underfetch. X-lang

  7. Hard Nav ↔ (feat) on nav, invalid HTTP Cache & Reqs Backend to re-render change in segment

  8. getServerSideProps() ↔ async fn to run on Backend to pre-render on each request, to fetch async external data

  9. High Compat ↔ React is Backend-agnostic, readily plugs into other Lib/Frameworks

  10. Server State ↔ state store on Backend RASP (Remote Async Shared Persistent)

  11. Remote ↔ of Server State to store on remote Backend, w/o Client direct access/control over state

  12. HTTP Cookie ↔ data sent from Backend to Client to TPS

  13. useAuth() ↔ async Custom Hook to get Auth state from Backend/Online API

  14. BaaS ↔ (model) subset of PaaS to provide Backend service

  15. initializeApp() ↔ getter to init Firebase App instance via config object to connect to Firebase Backend

  16. onAuthStateChanged() ↔ to trigger Callback on auth state changed (on Firebase Backend)

  17. Separation of server & client ↔ REST Separation of Concerns for independent client-side & Backend code

  18. ORM ↔ (Design Pattern) data layer to abstract Backend Code from DB

  19. Back-end agnostic ↔ React integrates with any Backend framework/language ie Java, Ruby, Go, Python

  20. NGINX ↔ Backend Server gateway to Web, Reverse Proxy to handle Requests/Cache/load balance

  21. openai ↔ OpenAI API for Node.js Backend (will expose Secret Key!)

  22. Headless CMS ↔ Backend-only CMS to decouple content from (Frontend) code, expose Content Repo by API