Web

AI Isn’t Your Architect: Real-World Issues in a Vue project

In my previous article I generated a Rest NestJS API using AI. Today, I will create a small UI to authenticate users via the API. I will use this simple case to show the limits of coding with(…)

How effective is AI on a development project?

In this article, I will try to evaluate the benefits of AI on a development project and what concrete changes it makes to our development practices. The test case and the approach I chose a familiar environment for(…)

Avoid CORS requests in development mode with Vite

When developing a modern web application, it’s common to use a frontend (Vue, React) that communicates with a backend (Nest.js) via REST APIs. Often, the two projects live in parallel, requiring them to be run in development mode. Without(…)

How to add Column Filtering to Vuetify Data Table

For a long time, my v-data-table-server implementation in the YaK only supported global search through a simple text input. While it was good enough for basic queries, I needed something more powerful—the ability to filter by individual columns(…)

Getting started with Open WebUI

Everybody is talking about AI, RAG and language models today. A lot of people are using ChatGPT or other tools to get answers(…)

Exploring FlyonUI with Vue.js: A Fresh and Evolving Library

As someone who has relied on Vuetify for most of my Vue.js projects, I’m always on the lookout for new libraries that can streamline development and keep designs modern. Recently, a new UI library called FlyonUI was released, and(…)

Vue – Creating an Awesome Parallax Effect with Swiper

Adding a parallax effect to your website brings a smooth, professional feel, making it more interactive and visually appealing. With Swiper for Vue, you can easily implement parallax effects for a slideshow. In this guide, we’ll create a parallax(…)

Creating a Global and Custom Snackbar in Vue 3 Using Vuetify and Pinia

In this post, we’ll walk through how to implement a Global and Custom Snackbar in Vue 3 with Vuetify and Pinia for state management. We’ll set it up so that you can easily trigger the Snackbar from any component(…)

Manage Feathers.js authentication in Swagger UI

In addition to my previous articles Add a UI to explore the Feathers.js API and Add authentication in a Feathers.js REST API, today, I will explain how to manage Feathers.js authentication in Swagger UI and make(…)

How to Use Dynamic Slots in Vue.js with Vuetify Data Table

Introduction In this tutorial, we will explore how to use dynamic slots in Vue.js with Vuetify data table. Firstly, we will start with a CompDataTable.vue component and demonstrate how to define and use custom slots to dynamically customize the(…)