Leopold Kristjansson

www.leopold.is

How Nuxt 4.6 prefetches without flooding your network ⚡

Nuxt is all about community, and we're going to push that aspect even further in the coming weeks. Show me your Nuxters profiles 👀

This is huge! Void is out and fully open source. The SDK, CLI and the platform. Big props to @christoph.nkzw.tech and @broooooklyn.bsky.social for shipping this and thanks to every alpha user helping us testing!

happy sunday! fonts.nuxt.com v1 is out 🎉 if you haven't tried it, here's how: 1️⃣ use `font-family` in css or tailwind ✅ ... and you're done! nuxt will detect the font, self-host it, and generate preloads + font metrics to cut layout shift + load time no configuration required ✨

👀 Introduce pulls.review Categorize changes in Pull Requests into logical groups, with a summary. Helps you do reviews more efficiently by focusing on what matters. Everything runs in your browser. With opt-in GitHub userscript, GitHub Actions, or CLI for local git changes!

🌳 rou3 v1 is finally stable! The routing toolkit powering h3 and Nitro. rou3 now has over 80% URLPattern compatibility, with deliberate differences that keep server-side HTTP routing fast and sane. Advanced patterns like /docs/**.md are now supported too.

* and nuxt! this is amazing news for both nuxt v4 and v5 🙌

Did you know that we have a fantastic @vuejs.org meetup each month in Berlin? luma.com/yv9mst9i #nuxt #vue #webdev

This YT series is so nice. www.youtube.com/watch?v=-Bom...

Just published this, but mostly testing out this @standard.site thing. It looks like it's hooked up... www.leopold.is/blog/a-custo... #nuxt #buildingwebsites

PSA: H3 Stable and Nitro RC are imminent. Closing the last-minute gaps. Sorry for all the delays, but every single one was worth it. Nitro is becoming a MINIMAL, FAST, UNOPINIONATED/AGNOSTIC Swiss Army knife for building any web app. Your agents are gonna LOVE it.

CSS keeps getting better and better, but the problem with hearing about amazing new features is that we're stuck not being able to use them for a few years because of browser support. So, this week I looked at a bunch of well-supported CSS features that I still see people turn to JS for.

And it just works™ on Nuxt! 💚 I am so happy to finally see that Nuxt/Vue/Vite DevTools are now fully orthogonal while united! So we no longer need to rebundle Vue/Vite-specific features into Nuxt DevTools, and users can get the full experience of each level's integrations.

CSS attr() now works on all properties in Firefox 155. Here's how it works, and how to get the most out of it:

I've issued more certificates of completion for the Practical Accessibility course these past 4 days than I have the entire summer Many of my students have spent the summer learning and are now finishing the course and I am loving the messages I'm receiving with the requests for the certificates 🥹🩷

No I meant @npmx.dev, don't patronize me

Good read by @karltryggvason.bsky.social dev.karltryggvason.com/the-etto-pri...

unreliable coworkers

Some spots in Berlin where packed with people viewing the solar eclipse today. Others viewed from their hot air balloons 🎈 #berlin #solareclipse #photography

And still growing 💚

Our first Nuxtathon is a wrap! ✨ On July 18-19, 34 people showed up, helping close 246 issues + merge 69 PRs in one weekend. Congratulations to @orbisk.bsky.social, @flo-heuberger.bsky.social and @norbiros.dev + thank you to everyone who participated 💚 There will definitely be a next time 👀

Wait… you can set vertical-align to e.g. "2px" to move a thing 2px up? Why didn't anyone tell me?… I always did it with position:relative and e.g. top:-2px 😅 developer.mozilla.org/en-US/docs/W...

Updated my blog post on ways to create a "ruled CSS Grid" to include more methods and the new CSS Gap decorations syntax. Also includes some fun interactive examples. www.leopold.is/blog/ruled-c... #css #webdev

⚡ Vite 8 support!

nitro.build/blog/v3-beta

📢 Issue 239 is Out! I published a new issue of my weekly Vue & Nuxt newsletter. 🔗 Check it out: https://weekly-vue.news/issues/v2/203

We now run evals to help you know what AI models perform best to write Nuxt code. nuxt.com/evals

What is a good general PDF viewer to embed on websites? What I want is a consistent view across browsers. I keep finding this one. Any alternatives? github.com/mozilla/pdf.js

Introducing Public Beta for Shaders ✨ The wait is over 🎉 Try it now for @vuejs.org , @react.dev , @svelte.dev & @solidjs.com

Spent half a day on this side-quest, was totally worth it! Now back to the "good" release!

nuxt.com/blog/v4-3

I'm delighted to announce the first alpha of `@nuxt/a11y` 🎉 ⚪ new core nuxt module ⚪ integrated in nuxt devtools thanks to @timdamen.io for his incredible work on this ❤️ you can test it today – we'd love feedback, ideas, issues + PRs 🙏

Now aware of installed Nuxt modules.

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays! webkit.org/blog/17660/i...

html, body { height: stretch } body { display: grid; grid-template-rows: auto 1fr; } Ymmv.

👀

I finally dared to start publishing my articles about getting into @nuxt.com. I wrote the first drafts like 2 years ago, but my imposter syndrome held me back. I still don't think I am the best teacher, but let's spit it out and it will turn out somehow. Intro + 3 parts already out, more to come.

Introducing Nuxt MCP 🤖 Discover how we built it and learn how to use it. nuxt.com/blog/buildi...

@e18e.dev at the NodeJS meetup in Berlin tonight (Contentful offices). Fantastic initiative!

📸 we've just released Nuxt Image v2! ✨ 💪 full TS support with typed providers + modifiers ⚡ IPX v3 ⚗️ server-side image utilities 🎨 template ref access 🌐 new Shopify & GitHub providers happy optimizing ❤️ 👉 read more at nuxt.com/blog/nuxt-i...

it's been a while but I'm really pleased that we have a v2 out at last! let me know if you encounter any rough edges 🙏

@pi0.io on stage at @viteconf.org 🔥 NITRO V3!!!!

Heck yeah! The @nitro.build v3 beta is out now. And Nitro is now just a @vite.dev plugin 👀 Kudos to all contributors, @unjs.io, and @pi0.io 🙌🏻

💥 did a small drawing explaining the JS execution model including the event loop. I hope it’s helpful to folks. Debugging is always easier when the underlying implementations are understood.

Did you know you can give a single border a different border-radius on each axis? I take a quick look at that in this week's Tip of the Week: html-css-tip-of-the-week.netlify.app/tip/mutliple...

gm bluesky how is it that @e18e.dev still only has 2.3K followers come on, y'all nerds value performance a whole lot more than that

Just upgraded a project from Nuxt 3 to Nuxt 4. Knock on wood, but that was incredibly smooth...

For those who have already tried the new Nuxt UI v4 Figma Kit... what are your first impressions? Any bugs, suggestions, or feedback you have is super valuable to help us improve it. Don't hesitate to share your thoughts! 👇

I hope the community gets to appreciate all the love and effort we are putting into the new major version of @tresjs.org It is the best one we have done so far. 🥹