✅ 🖼️ Introducing Nuxt Scripts

Nuxt Scripts provides better performance, privacy, security, and developer experience for third-party scripts.

Link to the release

#frontend #vue #nuxt #script
#release

✅ 🖥 How Google handles JavaScript throughout the indexing process

Understanding how search engines crawl, render, and index web pages is crucial for optimizing sites for search engines. Over the years, as search engines like Google change their processes, it’s tough to keep track of what works and doesn’t—especially with client-side JavaScript.

We’ve noticed that a number of old beliefs have stuck around and kept the community unsure about best practices for application SEO:

- “Google can’t render client-side JavaScript.”
- “Google treats JavaScript pages differently.”
- “Rendering queue and timing significantly impact SEO.”
- “JavaScript-heavy sites have slower page discovery.”

Link to the article

#frontend #js #google #vercel
#article

✅ 🖼️ Getting Started with Nuxt Modules

This guide aims to provide detailed insights and clear explanations to fully grasp the power and utility of Nuxt modules.

Link to the article

#frontend #js #nuxt #modules #vue
#article

✅ 👩‍💻 React is (Becoming) a Full-Stack Framework

Robin opines on some widely discussed topics in the React community over the past year or two: Where’s React going? Is it a frontend library? How does the backend fit in? He shares his thoughts on what led him to use Server Components and Server Actions and to consider React as more of a full-stack solution.

Link to the article

#frontend #react #fullstack
#article

✅ 🖼️ Nuxt 3.13 is out

I'm pretty excited about this release - we've ported some features we had planned for Nuxt v4 back to v3, as well as a raft of bug fixes and performance improvements - as usual.

Link to the release

#frontend #vue #nuxt
#release

✅ Astro 4.14 is out

Astro 4.14 is out now! This release includes the first experimental release of the Content Layer API, our new super-flexible solution for managing content in Astro projects, support for Intellisense inside content files, and more.

Link to the release

#frontend #vue #react #astro
#release

✅ 🖥 Regexes Got Good: The History (and Future) of Regular Expressions in JavaScript

Regular expression support was always a little underwhelming in JS, but things have improved. Steven takes us on a tour to refresh our knowledge, as well as show off his ‘regex’ library that boosts JS regexes to a true A++ rating. Steven was co-author of O’Reilly’s Regular Expressions Cookbook and High Performance JavaScript so knows his stuff.

Link to the article

#frontend #js #regex
#article

✅ 🖼️ Introducing hubAI()

This new method allows you to run machine learning models, such as LLMs, directly within your Nuxt application with minimal setup.

Link to the release

#frontend #nuxt #vue #ai
#release

✅ 👩‍💻 The State of CSS 2024 Survey

The increased pace of evolution in the CSS space seems to show no signs of slowing, as such we can now do so much more than we could just a few short years ago (be that advanced math, scroll-triggered animations, etc). As such, this recently launched survey — which covers things like layout, color, typography, accessibility, and more — plays an important role in letting browser vendors know what we all think about the path CSS is taking.

Link to the survey

#frontend #css #features
#survey

✅ 🖥 How to Make Your Web Page Faster Before It Even Loads

Can we measure the events that happen before the first byte of a web page is received by the browser, and in turn optimize them to make our web pages and apps load even faster?

Link to the article

#frontend #performance #optimize #browser
#article

✅ 👩‍💻 👩‍💻 Custom Range Slider Using Anchor Positioning & Scroll-Driven Animations

It’s still a touch early to truly adopt these two features (only Chrome and Edge have full support today), but it can’t hurt to explore both Anchor positioning and scroll-driven animations to get an overview of just what could be done in the near future – it's a nifty effect!

Link to the article

#frontend #html #css #slider
#article