Supabase is a self-proclaimed "Open Source Firebase Alternative". I’ve been interested in working with Supbase for a bit now and thought I’d experiment with using their authentication API to get authentication setup for a Vue.js 3 application.
If you’ve been developing with Vue prior to 2021 there’s a good chance that your build tool of choice was the Vue CLI. It’s been the de-facto standard for scaffolding Vue.js projects for a while. Now though, Evan You’s next generation build tool Vite, has been garnering a lot of attention and is a great […]
When working with v-for in Vue it is typically recommended to provide a special key attribute. Something like this: <div v-for="item in items" :key="item.id"> The purpose of this key attribute is to give "a hint for Vue’s virtual DOM algorithm to identify VNodes when diffing the new list of nodes against the old list" (from […]
Vue 3 introduced the Composition API, which has since taken the community by storm. In my opinion, the single best feature of the Composition API is the ability to extract reactive state and functionality into their own reusable modules or "composables".
Vue.js 3 is a solid framework for building applications both large and small. In our series How to Structure a Large Scale Vue.js Application, we’ve been exploring how to best utilize it for your large scale projects. We’ve examined what a good file structure looks like, some standards for predictability, and using ESLint and Prettier […]
Ever wonder how to build one of those fancy tag input components like you see in blog admin panels or in notion docs? Well, wonder no more! In this article we’ll use Vue 3’s composition API to make a reusable tag input component of our very own. Along the way we’ll cover some important concepts […]
Throughout this series we’ve explored various store solutions both official and DIY. We’ll end the series by taking a look at a home rolled solution with Vue 3’s composition API.
One of the most powerful features of modern single-page web applications (SPA) is routing. Modern single-page apps such as a Vue application can transition from page to page on the client-side (without requesting the server). Vue Router is the official library for page navigation in Vue applications. Vue Router is simple to use, yet powerful. […]
In this article, we will start by looking at how the app initialization code works in Vue 2 apps. Then we’ll see what drawbacks it has and how those are eliminated with the new initialization syntax used in the 3rd version of the Vue framework.