Building for the Edge - Crafting a Next-Gen Framework
What if your internal API calls had zero network latency? Learn how modern frameworks optimize server communication by bypassing the network entirely.
#1about 4 minutes
Rethinking frameworks with Nuxt, Nitro, and UnJS
The rebuild of Nuxt 3 led to the creation of open-source, universal JavaScript tools like the Nitro server engine.
#2about 3 minutes
Creating a new project with the Nitro server engine
Initialize a new project, install Nitro, and create basic API routes with auto-imports and built-in TypeScript support for type-safe fetching.
#3about 4 minutes
Adding server-side rendering with View and Rollup
Configure Nitro to process Vue files using a Rollup plugin and use the storage API to inject server-rendered HTML into a template.
#4about 3 minutes
Implementing server-side routing with View Router
Set up file-based routing on the server using View Router and a generic handler to render any page in the application.
#5about 5 minutes
Adding client-side hydration and HMR with Vite
Integrate Vite as a lazy event handler within Nitro to enable client-side application hydration and a seamless developer experience with Hot Module Replacement.
#6about 4 minutes
Building a custom CLI to abstract framework configuration
Use the citty and c12 libraries to create a command-line interface that encapsulates the framework's dev and build logic for users.
#7about 6 minutes
Configuring the production build for Vite and Nitro
Orchestrate the production build by running the Vite client build and then using Nitro's public assets and bundled storage to create a single optimized server output.
#8about 10 minutes
Building and deploying a full-stack application
Create a functional form using an isomorphic fetch utility and deploy the complete server-rendered application to a serverless platform like Vercel.
#9about 3 minutes
Q&A on Nitro's stability and relation to web standards
The speaker discusses Nitro's commitment to semantic versioning, its role in complementing rather than replacing web standards, and its growing adoption.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
05:42 MIN
Understanding Nuxt as a Vue-based meta-framework
WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more
03:37 MIN
The motivation behind Nuxt 3 and the UnJS ecosystem
Modern Web Development with Nuxt3
04:53 MIN
Introducing the high-performance Nitro server engine
Building Better with Nuxt 3
02:22 MIN
Understanding the core features of Nuxt 3
Nuxt.js - Just Vue 3 and a bit of magic?
02:23 MIN
Creating type-safe server API routes with Nitro
Nuxt.js - Just Vue 3 and a bit of magic?
01:22 MIN
The developer experience and tooling ecosystem for Marko
Marko.js: Unsung Hero of Scalable Web Frameworks
05:25 MIN
The case for framework-free web development
The Naked Web Developer: Your Browser Is Your Framework
06:55 MIN
Evaluating the new standards-first framework Nue
WAD Live 22/01/2025: Exploring AI, Web Development, and Accessibility in Tech with Stefan Judis
Micro Components - a different approach to a simpler component-based webThere has been a lot of heated discussion lately in the web community about component based development. One side argued that Web Components are a standard we should follow whereas others complained that they still lag behind in what frameworks offer...
Luis Minvielle
The Best Upcoming IT WebinarsNow that you already know what IT webinars are and how they can help you level up your professional appeal, you might want actually to get into one. Live tech webinars are one of the best ways to stay on top of the latest trends and tools because eit...
Daniel Cranney
Next.js App Router: ExplainedIntroductionVercel’s Next.js has come a long way since its initial release in 2016. What would become the most popular React framework (according to their own website, at least), started as a simple solution for handling routing, SEO optimisation and...
Luis Minvielle
The Best 7 Frontend Frameworks for Developers in 2025Which frontend frameworks should developers focus on in 2025? We’re listing them for you and showing advantages and drawbacks. You’ll notice we included some libraries as well, because you can’t miss those in 2025.What is the best front end framework...
From learning to earning
Jobs that call for the skills explored in this talk.