Newsletter Issue #291

Logging in and Logging Out

The article explains how to create a user authentication system using Supabase and integrate it with Nuxt 3, the popular Vue.js framework for building web applications.

Socket.io integration in Vue.js

In this article, the author explains how to implement real-time communication in Vue.js using Socket.io, a popular library for real-time messaging web applications. The article covers step-by-step instructions on setting up a simple chat application that enables real-time communication between clients.

Security in Vuejs 3.0 with authentication and authorization by KeyCloak Part 1 and Part 2

Keycloak is an open-source identity and access management framework agnostic solution. In this article series, we will explore using Keycloak in a Vue.js application to implement OAuth and also discuss how to make your application more secure.

Rapid Testing with Vitest

Vitest is a unit testing framework built for Vite! In this course the creator of Vitest, Anthony Fu, will get you up and running with the fastest testing framework around. Learn the basics of how to do unit testing, why it's important, and how to be more confident shipping to production. Suitable for all skill levels! Anthony will start with the fundamentals and work up to more advanced topics such as mocking and spying.

You’re probably using Lighthouse wrong with Filip Rakowski: Vue.js Nation 2023

Are you still using Google Lighthouse to measure the speed and performance of your web applications? This exciting presentation from Vue.js Nation 2023 discusses how we may be unknowingly misusing Google Lighthouse for our web page metrics. It also provides some amazing alternatives to ensure that we are accurately measuring our web app's performance.

Integrating Google sheets api with nuxt 3

This guide will walk you through how to use the Google Sheets API as a database and pair it with a Nuxt.js 3 application.

Build an exceptional Infinite Scroller using Intersection Observer in Vue3

Intersection Observer is an API in JavaScript that allows you to detect when an element enters or leaves a viewport. This can be useful for things like lazy loading images or triggering animations. In this blog post, we will walk through the process of building a Vue 3 single-page component that wraps the Intersection Observer API to create an infinite scrolling feature.

Comments? Join the discussion about this issue here.

Until next week,
Anthony Gore, curator

P.S. If you enjoyed this issue, show your support by buying me a coffee, or if you’d like to support me to create the newsletter ongoingly, you can make a pledge through Patreon.

P.P.S. Continue the conversation with Vue.js Developers on social media:

Thanks for being a subscriber of the Vue.js Developers Newsletter. Too many emails from us?Unsubscribe here.

Vue.js Developers Limited
Unit 1603, 16th Floor, The L. Plaza,
367 - 375 Queen's Road Central, Sheung Wan,
Hong Kong, Hong Kong 100032