World Congress 2023 • Aug 11, 2023

Building for the Edge - Crafting a Next-Gen Framework

Daniel Roe

Rethink traditional Node servers. Combine Nitro, Vue, and Vite to architect a custom edge framework. You can achieve sub-two-millisecond cold starts.

Pause
Mute Enter Fullscreen
#1 about 5 min

Rethinking web framework architecture for edge server environments

How modern web deployment requires fast-starting and heavily optimized serverless execution engines.

#2 about 4 min

Initializing a basic backend with universal application tooling

Starting a new framework project by configuring the build engine and setting up typed endpoints.

#3 about 7 min

Integrating components for server-side rendering and application routing

Configuring bundler plugins to process component files and utilizing memory history for backend endpoint routing.

#4 about 5 min

Running dev servers for client hydration and development mode

Hooking up a modern bundler in middleware mode through a lazy handler to provide client-side interactivity.

#5 about 5 min

Building a framework command line interface for development

Abstracting configuration parsing and logic execution into dedicated console commands using lightweight standard libraries.

#6 about 6 min

Managing production builds and runtime framework asset bundling

Orchestrating build steps to combine client assets and snapshot markup templates directly into runtime memory.

#7 about 5 min

Handling form submissions via isomorphic network data fetching

Sending client-side data natively to internal server endpoints using a unified network response wrapper.

#8 about 6 min

Deploying the custom framework to edge hosting providers

Leveraging zero-configuration platform detection to seamlessly host the generated application bundle on global networks.

#9 about 3 min

Discussing platform standards and open source project maintainability

How the underlying foundation avoids breaking changes and collaborates with specification groups on server component logic.

Matching moments

5:04 min

Reimagining modern web application servers with the Nitro engine

Daniel Roe · JS Congress

4:16 min

Addressing framework browser support and practical adoption

Marc Backes · World Congress 2021

4:05 min

Core features of the Nuxt meta-framework for Vue

Chris Heilmann Chris Heilmann +2 · LIVE

2:32 min

Introduction to Nuxt 3 and its core framework capabilities

Alexander Lichter · World Congress 2023

2:28 min

Expected features and performance defaults in modern JavaScript frameworks

Sasha Shynkevich · LIVE

3:36 min

Core architectural reasons for migrating to Nuxt three

Alexander Lichter · JS Congress