Fast Sites Start with Fonts: A Deep Dive with Daniel Roe
In this episode of The Weekly Dev’s Brew, Jan sits down with Daniel Roe to dive deep into a topic devs often overlook: web fonts. From performance pitfalls to implementation strategies, Daniel breaks down why your font choices might be slowing down your site—and what you can do about it. Whether you’ve been blindly copy-pasting Google Fonts or wondering how to ship faster, cleaner web experiences, this episode delivers practical insights with zero fluff.☕ Pull up a brew and learn how to stop letting fonts wreck your performance budget.Our Fantastic GuestDanie RoeDaniel leads the Nuxt core team. Previously, he was CTO of a SaaS startup and founder of a creative agency focusing on clarity of vision and message.His open-source work has a focus in the Vue.js and Nuxt ecosystems. He's a keynote speaker at conferences and involved in consultancy with companies around the world, particularly around JAMstack, serverless and software architecture.Bluesky GitHub LinkedIn Chapters00:00 - Into00:36 - performance impact of fonts03:03 - Font Optimization04:37 - What is font subsetting?06:54 - How to handle font licenses?11:05 - How to prevent layout shifts?17:07 - How to learn about fonts?20:01 - What are Variable Fonts?22:55 - Accessibility of Fonts26:38 - System vs Custom Fonts30:46 - About Font Providers33:15 - How to know which font is applied?35:48 - Local vs remote fonts36:41 - Dynamical changing fonts?38:17 - Fonts and i18n40:45 - On Ligatures42:36 - OutroLinks and ResourcesStoyan's BlogProduction support for this video was kindly provided by WebStorm. Thanks for helping bring this idea to life!Thank you very much for listening! We are also pretty much on all social media platforms, so make sure to like and subscribe!Homepage - https://www.weeklybrew.dev/ BlueSky - https://bsky.app/profile/weeklybrew.devInstagram - https://www.instagram.com/weeklydevsbrew/TikTok - https://www.tiktok.com/@weeklybrew.devYouTube - https://www.youtube.com/@theweeklydevsbrewLinkedIn - https://linkedin.com/company/the-weekly-dev-s-brew
--------
43:12
--------
43:12
From Nuxt to Nitro: How One Engine Is Powering the Modern Web (w/ Alexander Lichter)
In this episode of The Weekly Dev’s Brew, we dive into the current state of web development with Alexander Lichter, a core member of Nuxt and DevRel at Void Zero. Join us as we discuss Nitro, the innovative server engine powering Nuxt and its growing influence on frameworks like SolidStart and Analog. Discover how Nitro is transforming fullstack JavaScript development, allowing for leaner and more adaptable backends. Our conversation also touches on Vite, modern server patterns, and the realities of working in open source and developer relations today. Gain valuable insights and behind-the-scenes stories from an expert shaping the tools we rely on in the modern web ecosystem. Whether you’re passionate about Nuxt, fullstack development, or just eager to know what’s next for server-side development experience (DX), this episode is packed with information worth exploring.Our Fantastic GuestAlexander LichterAlex is a Developer Relations Engineer at VoidZero, a Nuxt.js Team member, Web Engineering Consultant, and open-source enthusiast. He creates tech-focused video content, co-hosts the DejaVue Podcast, speaks at conferences, and leads workshops to empower developers and advance the web ecosystem.Bluesky Youtube LinkedIn GitHub x (formerly twitter) twitch Chapters00:00 - Intro00:14 - The origin of Nitro03:56 - How to use Nitro?06:39 - Nitro hidden Gems07:56 - Nitro under the hood10:17 - runtime agnostic - a myth?12:38 - Nitro Project Structure14:58 - Nitro 3 and Nuxt 4?16:58 - What's coming with Nitro 319:36 - Nitro and Vinxi?22:24 - What's the Vite Environment API?26:36 - Vite's out-of-the-box experience29:05 - Cargo for JavaScript?31:01 - Void 0, Rome & Biome?32:37 - Void 0 and standards?33:58 - OXC's part in Void 0 vision?35:15 - How do developer benefit?35:55 - Void 0 on formatting37:46 - Oxlint and ESLint40:44 - type checking vs type stripping42:30 - On Rolldown44:38 - Complexity of Compatibility47:08 - OutroLinks and ResourcesPodcast with Daniel Podcast with Patak Interview with Evan You Production support for this video was kindly provided by WebStorm. Thanks for helping bring this idea to life!Thank you very much for listening! We are also pretty much on all social media platforms, so make sure to like and subscribe!Homepage - https://www.weeklybrew.dev/ BlueSky - https://bsky.app/profile/weeklybrew.devInstagram - https://www.instagram.com/weeklydevsbrew/TikTok - https://www.tiktok.com/@weeklybrew.devYouTube - https://www.youtube.com/@theweeklydevsbrewLinkedIn - https://linkedin.com/company/the-weekly-dev-s-brew
--------
47:18
--------
47:18
Revolutionizing Web Development: The Impact of Signals on Async JavaScript
In this episode, join Jan-Niklas Wortmann and Ryan Carniato, creator of SolidJS and CEO of Signals, as they explore how signals are revolutionizing web development and reshaping JavaScript frameworks. Discover the ways SolidJS is competing with React through more than just superior performance, as well as the innovative features of Signals 2.0 and their potential impact on async JavaScript patterns and the broader framework landscape once again. Ryan shares insights from his career and open-source journey, discusses the evolution of async JavaScript patterns, and provides practical advice for developers navigating the fast-paced landscape of frontend technology. Whether you're a seasoned React developer expanding your toolkit or a tech enthusiast curious about the latest trends in web development, this conversation provides essential insights into the past, present, and future of JavaScript frameworks.Our Fantastic GuestRyan Carniato Ryan Carniato is the "CEO of Signals", JavaScript performance enthusiast and fine-grained reactivity superfan. He is the creator of the JavaScript framework SolidJS, and a Staff Engineer at Sentry, where he works on multiple open source projects to develop a better web.x (formerly twitter)Bluesky YouTubeChapters00:00 - Introduction to the Discussion02:00 - The Impact of Signals and SolidJS04:19 - Performance and React's Approach07:06 - The Shift in Frameworks and Performance29:09 - The Role of Open Source in Development37:13 - Balancing Work and Personal Life46:13 - Future Developments in Signals95:05 - Conclusion and ReflectionsLinks and ResourcesSignals 2.0 StreamThank you very much for listening! We are also pretty much on all social media platforms, so make sure to like and subscribe!Homepage - https://www.weeklybrew.dev/ BlueSky - https://bsky.app/profile/weeklybrew.devInstagram - https://www.instagram.com/weeklydevsbrew/TikTok - https://www.tiktok.com/@weeklybrew.devYouTube - https://www.youtube.com/@theweeklydevsbrewLinkedIn - https://linkedin.com/company/the-weekly-dev-s-brew
--------
1:35:24
--------
1:35:24
Exporing AI's Impact on Web Development: The Future of Tech (w/ Rachel-Lee Nabors)
In this episode, we dive into the impact of AI on web development with Rachel Lee-Nabors. Discover how AI is transforming user experience and the future landscape of software careers. We discuss the concept of 'enshittification' of platforms, the rise of personal agents, and revolutionary technologies like MCP. With AI changing coding practices and the significance of documentation for training large language models (LLMs), this conversation emphasizes adaptability in tech. Join us to learn about the evolution of programming languages and the future of the internet shaped by personal algorithms and feeds.Our Fantastic GuestRachel-Lee NaborsRachel-Lee Nabors spent the better part of their career on web standards and opensource and has spearheaded developer education at FAANG and startups, on the React Team, and W3C. Now they work to usher in the Agentic Web, building AgentQL and teaching a new generation of builders that “it's not magic; it's just math.” You can find them drinking tea in London or shadowboxing in Palo Alto.LinkedInBlueskyGitHubTwitchMastodonCodepenTikTokThreadsDribbbleX Chapters0:00 AI's Impact on Development3:12 The Future of Browsers5:11 The Enshittification of Platforms10:46 The Rise of Personal Agents14:15 Automating Interactions with the Web18:29 The Changing Landscape of Software Careers20:50 User Experience and Web Structure23:08 The New SEO: MCP and LLMs27:38 The Future of Programming Languages30:23 Embracing New Systems36:53 The Potential of AI in Our Lives39:14 The AI Hype Train45:49 A Return to Web Roots48:05 Closing Thoughts on the FutureLinks and ResourcesRachel-Lee’s Newsletter Deep Learning BookThank you very much for listening! We are also pretty much on all social media platforms, so make sure to like and subscribe!Homepage - https://www.weeklybrew.dev/ BlueSky - https://bsky.app/profile/weeklybrew.devInstagram - https://www.instagram.com/weeklydevsbrew/TikTok - https://www.tiktok.com/@weeklybrew.devYouTube - https://www.youtube.com/@theweeklydevsbrewLinkedIn - https://linkedin.com/company/the-weekly-dev-s-brew
--------
48:45
--------
48:45
Scaling Vite: Responsibility & Community (with Capeletto Matias)
In this episode, Jan-Niklas Wortmann interviews Capeletto Matias, a key figure in the open-source community and a member of the Vite core team. They discuss Matias's journey into open source, the evolution of Vite, and the importance of community in the success of modern web development tools. The conversation highlights the technical aspects of Vite, its rapid growth, and the challenges of maintaining a vibrant community as the project scales. They also touch on the future of Vite and the potential competition from emerging tools.Our Fantastic GuestCapeletto MatiasMatias (patak) is a Vite core team member. He works on Open Source at StackBlitz, focusing on the Vite Ecosystem.BlueSkyChapters00:00 - Guest Introduction and Background00:58 - Matthias's Journey into Open Source02:31 - Contributions to Open Source Projects04:22 - Community Building and Collaboration15:22 - The Evolution of Vite21:33 - Concerns and Future of Vite34:38 - ViteConf and Community EngagementLinks and ResourcesTalk by Bret VictorViteConfThank you very much for listening! We are also pretty much on all social media platforms, so make sure to like and subscribe!Homepage - https://www.weeklybrew.dev/ BlueSky - https://bsky.app/profile/weeklybrew.devInstagram - https://www.instagram.com/weeklydevsbrew/TikTok - https://www.tiktok.com/@weeklybrew.devYouTube - https://www.youtube.com/@theweeklydevsbrewLinkedIn - https://linkedin.com/company/the-weekly-dev-s-brew
Join host Jan-Niklas Wortmann in 'The Weekly Dev's Brew, where we explore the latest in web development, JavaScript, TypeScript, and emerging technologies. Engage in coffee shop-style conversations with industry experts to learn about frameworks like React, Vue, Angular, and everything remotely related. Follow us on social media for more insights https://www.weeklybrew.dev/
Netherlands