Hi 👋

I launched a public WhatsApp channel ! If you join, you'll get a message whenever a new newsletter issue is published.

In this issue, I'm sharing a quick recap of Nuxt Nation 2024, including the talks I enjoyed the most. Hope you find it inspiring!

Enjoy this issue and have a lovely week ☀️

Vue

📕 Component Design Patterns in Vue

👉🏻 A free 5-day email course by Michael Thiessen.

👉🏻 Learn proven patterns for writing cleaner, more maintainable Vue components.

👉🏻 One pattern per day with complete code solution and bite-sized lessons.

🎧 Upcoming Vue.js Ecosystem Developments

👉🏻 A chat with Eduardo about his talk at Vue Fes Japan, exploring upcoming developments in the Vue.js ecosystem.

👉🏻 Eduardo is core contributor to Vue.js and author of Pinia and Vue Router.

🛠️ Vue VSCode Snippets

👉🏻 v3.2.0 has just been released with the new script setup snippet at the top of the file.

🛠️ Vue Notion

👉🏻 Use Notion as CMS with this unofficial Vue renderer for Notion pages.

Sponsored Half Price Deals on the Official Vue.js Certification this Black Friday Certificates.dev, the trusted name behind the Official Vue.js Certifications, has launched an amazing Black Friday Deal with up to 56% OFF! 👉 Get officially Vue certified for 56% off

Nuxt

📕 Nuxt 4 features you can use now

👉🏻 This article explorse two of the bigger features from the upcoming Nuxt 4 release, namely, route groups and custom prefetch trigger.

📕 Complete Guide: How to Upgrade to Nuxt 4*

👉🏻 Learn how to upgrade from Nuxt 3 to Nuxt 4 with this step-by-step guide.

👉🏻 Explore new features, data fetching changes, and migration tips for a smooth transition.

📹 Add AI & File upload to your Nuxt application

👉🏻 This short video explains how you can add AI to your Nuxt applications as well as storing uploaded images using the NuxtHub module.

🛠️ Nuxt UI v3.0.0-alpha.9 is out

👉🏻 Internationalization (i18n) for Nuxt and Vue with multi-directional support (LTR/RTL).

👉🏻 New PinInput component.

👉🏻 New InputNumber component.

🛠️ Acreom

👉🏻 A production Nuxt 2 web + electron app that's now fully open source.

⌛ Nuxt Nation Recap

Nuxt Nation 2024 may be over, but the insights and inspiration live on. It's quite challenging to watch all the talks in the two days of the conference.

Luckily, the team at Nuxt Nation provides recordings of all the talks for free. So, if you missed a talk or want to rewatch one, you can do so.

My favorite talks of the first day were:

The Nuxt Core Team LIVE Panel with their discussion on "The Future of Nuxt".

Anthony Fu's look at the Journey to Nuxt Icon and the pros and cons of various icon solutions.

Eduardo on "Data Fetching in Nuxt".

Michael Thiessen's crash course on Nuxt server components.

On the second day of the conference, these were my favorite talks:

Sébastien Chopin's exploration of how to handle authentication in a Nuxt application.

Alexander Lichter, who spoke about Nuxt, Nitro and h3 in practice.

Benjamin Canac's who showed us why Nuxt UI is becoming the go-to solution for building modern applications.

Pooya Parsa on how Nitro works.

📅 Events

Vue.js Nation Conference (29 - 30 January 2025, free online conference)

Vuejs Amsterdam (12 - 13 March 2025, Amsterdam, Netherlands)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 Essential tsconfig.json options you should use

👉🏻 The recommended options will help improve build speed, enforce code safety, enhance debugging, and ensure compatibility in TypeScript.

📕 How a BBC navigation bar component broke depending on which external monitor it was on

👉🏻A look at an interesting bug related to external monitor positioning.

👉🏻 The lesson is that “browsers have an interoperability issue in how they represent screen coordinates in multi-monitor setups”.

🛠️ Awesome Open Source Boilerplates

👉🏻 A curated list of open-source boilerplates and starter templates for web dev, mobile dev, and Chrome extensions.

🛠️ skellyCSS

👉🏻 skellyCSS is a lightweight CSS framework for quickly implementing skeleton loaders in web projects.

👉🏻 It offers various customization options like line width, alignment, and image shapes.

😂 Fun

🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You must subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

DejaVue Podcast: A weekly podcast about Vue.js and the ecosystem around it.

Did you get value from this newsletter? If you did, can I ask you for a huge favor?

If you could write a quick post on BlueSky, LinkedIn or X and recommend this newsletter to your peers, I would be over the moon 🙏 Tag me in it - I'll repost/retweet it for sure!

Thanks! Take care, and stay safe.

Comments? Join the discussion about this issue in our Discord community.

Until next week,

Michael Hoffmann (Curator)