Skip to content
Orbit Docs

Frontend framework to edge hosting

← Learning Atlas · Path 11 of 22

6 ordered steps, from React to DNS.

BrowsersruntimesframeworksBuild/deploy toolingMisc tech terms

  1. Step 1: React

    React is the component foundation, so the learner starts with the UI model that many modern frontend stacks share.

  2. Step 2: Next.js

    Next.js adds routing, rendering, and production conventions on top of React, turning components into a deployable app.

  3. Step 3: Vercel

    Vercel is introduced after Next.js because it is the most direct deployment target for that framework's conventions.

  4. Step 4: Netlify

    Netlify gives the learner a second hosting model to compare, especially around static builds and serverless functions.

  5. Step 5: Cloudflare Pages

    Cloudflare Pages expands the comparison to edge-network deployment and tight integration with Cloudflare's platform.

  6. Step 6: DNS

    DNS belongs last because deployment is not truly reachable until a domain points users to the hosted application.