Jonathan Schneider

Jonathan Schneider

@jonathanschndr.de

Frontend dev from Germany ๐Ÿ‡ฉ๐Ÿ‡ช Certified Vue.js developer. I share what's new in Vue, Nuxt, Vite, Tailwind & the web platform, with live demos you can copy. ๐Ÿ“ Hannover ๐Ÿ”— jonathanschndr.github.io/frontend-lab

167 followers772 following157 posts

The Nuxt 4.6 change I'd try first in a big app: @nuxt.com rebuilt typed $fetch on fetchdts. No more TS2589 past a few hundred routes (3000 routes: 53.6s down to 0.62s in their benchmark), and the body you send is now checked against what the handler validates.

Opt in on Nuxt 4 with experimental.routeTypedFetch: true, it's the default in Nuxt 5. One gotcha: a Date from a handler is typed as a string at the call site. 4.6.3 landed today with 5 security fixes, so it's a good moment to upgrade anyway. nuxt.com/blog/v4-6

Small Vue + CSS thing: a plain v-if can fade in without <Transition> now. @starting-style sets the "before" state when an element is inserted, so the transition just runs. Chrome, Firefox and Safari all support it. Leaving still needs <Transition>, the node is gone instantly.

Hallmark is trending on GitHub and it targets something I keep seeing: AI-built pages with the same tells. Eyebrow label over every heading, tracked caps, one colored word in the hero. It's an MIT design skill for Claude Code, Cursor and Codex that lints for exactly that in a real browser.

Small CSS thing I'm adding to every accordion now: animated <details> without any JS. interpolate-size: allow-keywords lets block-size transition to auto, and ::details-content is the box you animate. Chromium animates it, Firefox and Safari just open instantly. Free progressive enhancement.

TypeScript 7.1 beta has a small feature I really like: ambient modules can now match import attributes, not file extensions. One declare module "*" with { type: "css" } and every CSS import is a typed CSSStyleSheet. Forget the "with" and TS complains. Release post

Iโ€™m happy that Temporal made it in v15. thank you ๐Ÿ˜Š

VueUse@vueuse.org

VueUse v15 is out! ๐Ÿš€ โœจ New useWebMCP, useLiveAnnouncer & useTemporalNow โšก Better tree-shaking ๐Ÿž Lots of fixes Breaking: Node.js 20 dropped; deprecated APIs removed github.com/vueuse/vueus...

Jonathan Schneider reposted

nuxters are the best โค๏ธ I have lots of PRs still to merge before we announce our winners, but ... this is incredible. can you believe we closed 242 issues in our inaugural nuxtathon? ๐Ÿคฏ now, please get some sleep! ๐Ÿ˜ด

โšก vite-plugin-dependency-guard ๐Ÿ›ก๏ธ Secures Vite & Nuxt from supply-chain attacks with 6 automated guardrails at server start: 1 ๐Ÿ†• Fresh Release 2 ๐Ÿš๏ธ Unmaintained 3 ๐ŸŒ NPM Status 4 ๐Ÿ‘ป Phantom Deps 5 ๐Ÿ” File Integrity 6 โš ๏ธ OSV Live Audit ๐Ÿ“ฆ pnpm add -D vite-plugin-dependency-guard ๐Ÿ‘‰ github.com/JonathanSchn...

github.comGitHub - JonathanSchndr/vite-plugin-dependency-guard: Dependency Guard scans your project dependencies when Vite starts and helps surface common risk patterns in your dependency tree.Dependency Guard scans your project dependencies when Vite starts and helps surface common risk patterns in your dependency tree. - JonathanSchndr/vite-plugin-dependency-guard

๐Ÿ‘๐Ÿ‘๐Ÿ‘

VoidZero@voidzero.dev

VoidZero is joining Cloudflare. Our mission stays the same: to make JavaScript developers more productive than ever before. Vite, Vitest, Rolldown, Oxc, and Vite+ remain MIT-licensed. Evan and the VoidZero team will continue leading them.

Jonathan Schneider reposted

๐Ÿ’ฅ just released a github action: `uppt` it aims to be a very simple, secure release workflow for maintainers that adheres to best security practices โšช trusted, staged publishing on npmjs.com โšช github environment protection โšช generated release PR + changelog โšช automatic release + publish on merge โœจ

๐ŸŒฑ Web Carbon Calculator is now live! Find out how much CO2 your website produces per visit. Get an eco-score (A+ to F) and actionable optimization tips. โœจ Free & Open Source ๐Ÿš€ Instant Analysis โ™ป๏ธ For a greener web future ๐Ÿ‘‰ web-carbon-calculator.vercel.app ๐Ÿ‘‰ github.com/JonathanSchn... #nuxt #vercel

web-carbon-calculator.vercel.appWeb Carbon Calculator - How green is your website?Calculate the carbon footprint of your web pages. Get a detailed eco-report with actionable recommendations.

What??? ๐Ÿซฅ The Command Palette feature preview will be deprecated on August 6th, 2025. After this date, it will no longer be possible to use the Command Palette. Read more on the GitHub blog. I love this feature, this is my way to navigate GitHub... please don't ๐Ÿ˜ฑ๐Ÿ˜“ @github.com

What??? ๐Ÿซฅ The Command Palette feature preview will be deprecated on August 6th, 2025. After this date, it will no longer be possible to use the Command Palette. Read more on the GitHub blog. I love this feature, this is my way to navigate GitHub... please don't ๐Ÿ˜ฑ๐Ÿ˜“ @github.com

๐Ÿ“ข We are again looking for new developers / permanent employees / full-time in the field of Vue and Nuxt - junior developers are also welcome. ๐Ÿ‘‹ JOTT.MEDIA is a small agency specializing in UI / UX and Vue and Nuxt and serves medium-sized and large companies internationally. Interested? โ–ถ๏ธ PM

okay i read the newsletter again and you mean with โ€œThis Friday, March 28 at 9 a.m. CEST tickets are LIVEโ€ not the โ€˜normalโ€™ tickets, but the pre-sale tickets? then i think i misunderstood the newsletter. it's just confusing why the booking link is already working

Wow ๐Ÿ˜ฎ what a message! Incredible! What a great push, maybe at some point the world will only consist of OS ๐Ÿ˜

patak@patak.cat

hard to describe how good it was to press the sponsor button in GitHub for so many awesome open source developers today, y'all rock! Thanks so much for all you do ๐Ÿ™

I am impressed by @zed.dev - the most innovative function in my opinion is the search over several files with the possibility to edit them simultaneously with multicursor! Now if Git is integrated with an interface, flutter and a debug / breakpints, everything will be perfect! ๐Ÿ˜