Daniel Roe - Edge-rendering with Nuxt - Vuejs Amsterdam 2021

it's a pleasure to be here with you today to talk about edge rendering with uh nuts which is uh something that's very dear to my heart after spending um some time with it over the last few weeks and months just to introduce

myself i'm daniel rowe uh you probably wouldn't guess it from my twitter handle i am my background is that i've done a lot of work with real applications so after finding a digital agency i then moved on to work with a hr tech sas startup and so i've been using nuxed for quite a while building building real applications and encountering problems and finding solutions and and that's really the perspective that i bring when i talk

about edge rendering i'm part of the next framework team so that means i get to see all the cool uh new features that we're building and work on some of them as well um i imagine that's uh perhaps uh one of the most fun uh parts of my job at the moment i maintain a couple of uh libraries like uh versal builder and the next composition api so you

might have come across me that way but today i want to talk a little bit about edge rendering with nuxt and understand why this is the uh the right direction for us to move in um it's worth asking why use nux in the first place and for me i would point two main things really the fact that it's a progressive framework so you can pick up nuxt with no configuration no background in nuts at

all and it works it's almost like magic you just drop a pages directory on your computer and you start adding view components to it and that's magically served up for you and there's still something amazing about seeing look in people's eyes for the first time when they realize it is as simple as that i it's meant to have the best practices built in so things like a good web pack configuration or the best seo practice or

other features that you might not know to start with um but which nuts just takes care of um without you having to think about it but at the same time and this is always really important to me nuts allows you to take full control so you can configure everything there's almost nothing that nuts does that you can't override or do in a different way if you want to which means that it's it's a progressive framework it it meets you wherever you are it progresses with you and it allows you to extend it where you want to extend it and not where you

don't and next is uh multi-target i think that's one of the main things that people notice when they come to it for the first time it doesn't just run in the browser it also runs in the node environment and we often use the word isomorphic when we're talking about rendering and different contexts and in fact more recently nux actually produces different browser targets um like many projects were able to detect based on module no module

loading something about the capabilities of the browser and transpile the code differently so we actually have three targets at the moment that we support with next and you the idea is that you can write code once and it runs in all of these targets and that allows some of the cool features like isomorphic rendering um rendering something on the server that is then hydrated on uh the client side lots of things are changing though so uh