DEV Community

Cover image for A Zero-Build Web Framework with Pure JavaScript
Ben Lue
Ben Lue

Posted on

A Zero-Build Web Framework with Pure JavaScript

Over the past year we’ve been working on WNode Cloud, an experiment in simplifying the modern web stack.

The idea is to see whether a web app can be developed and deployed without a build system — no Webpack, no Babel, no bundlers — just standard JavaScript executed as-is.

Some core design choices:

  • True component architecture (model, view, controller, and styling encapsulated and colocated in one file)
  • Views written in plain JavaScript (no template language)
  • Zero-config cloud deployment tied directly to your codebase

Demo

We recorded a 45-second demo showing a functional app deployed in under 15 seconds: Watch demo

Technical Trade-Offs

  • Dependency Management: Client-side code works with native ES modules or classic <script>-based libraries.
  • Production Optimization: No minification or tree-shaking is performed. Instead, WNode only delivers the components required for the current page, rather than sending the entire application bundle.
  • Browser Support: modern browsers only; no IE/legacy support.
  • Performance for Large Apps: For each page, WNode maintains a context window containing only the components required for that page, rather than the entire application. This approach helps improve performance for large apps by keeping dependency graphs small and focused.

I’d love to hear thoughts from the community.

Top comments (1)

Collapse
 
xaviermac profile image
Xavier Mac

Really interesting approach! I'm curious about the “context window” you mention: how is it actually defined and managed at runtime? For example, how does WNode decide which components belong in the window for a given page, and how does it handle shared components used across multiple routes without reloading or duplicating them?