Why GitHub Actions Became the Heart of My Publishing Pipeline
Learn which orchestration options I considered, why GitHub Actions was the right choice, and how I split my publishing pipeline into two final workflows.
· 6 min read
Continue reading
All articles
Filtered by
Resolving Auto-Scroll issues for overflow container in a Nuxt app
Learn how to fix auto-scroll issues in a Nuxt 3 project, caused by non-scrollable body elements with overflow containers. This guide covers the root causes and provides solutions like removing conflicting styles or using scrollTo.
· 5 min readContinue reading
Effective Visual Regression Testing for Developers: Vitest vs Playwright
Learn how to implement visual regression testing in Vue applications using Vitest and Playwright, including snapshot, pixel-to-pixel comparison and their limitations. Perfect for developers aiming to enhance testing quality in dynamic web applications.
· 9 min readContinue reading
Reliable Component Testing with Vitest's Browser Mode and Playwright
Learn how to enhance reliability in Vue component testing by using Vitest's browser mode with Playwright. This post walks you through setting up browser testing, writing your first test, and managing configurations to validate your components in real browser environments, beyond unit testing.
· 7 min readContinue reading
Seamless Contact Form experience with Netlify Form in Nuxt 3
Learn how to use Netlify Form with Nuxt SSR pre-rendering to create a seamless contact form experience for your static site.
· 7 min readContinue reading
Playwright Component Testing in Vue: Using routing for states
A step-by-step guide on how to test a component using routing with Playwright
· 5 min readContinue reading
Exploring Component Testing in Vue with Playwright: The basics
A step-by-step guide on how to test a component with the preview Playwright's component testing feature
· 7 min readContinue reading
Compose image thumbnail with Cloudinary and Vue
How to build a composable and create a optimized thumbnail for an image with Cloudinary in Vue app
· 6 min readContinue reading
Effortlessly Nuxt navigation: Crafting Dynamic breadcrumbs with Storefront UI
Explore our step-by-step tutorial on crafting dynamic breadcrumbs using the powerful SfLink component from Storefront UI. Enhance user experience and make every click count!
· 11 min readContinue reading
Using TailwindCSS with Nuxt efficiently
How to build Nuxt application with TailwindCSS and its tools.
· 9 min readContinue reading
Build a custom tooltip directive with CSS and Vue
Let's explore how we can add a tooltip to your Vue component using directive and CSS.
· 9 min readContinue reading
Build an accessible tooltip component efficiently with CSS and Vue
Let's explore how we can build a fully accessible Vue component to display a tooltip from scratch using CSS.
· 16 min readContinue reading
Testing Vue components the right way
Tips for planning and testing your Vue component with Vitest and Vue Test Utils
· 16 min readContinue reading
The must-have modules for a Nuxt site (p.2)
Explore Nuxt modules for SEO, localization, robots, sitemaps, analytics, and performance so your Nuxt site is easier to crawl and optimize.
· 16 min readContinue reading
The must-have modules for a Nuxt site (P.1)
Let's explore some useful Nuxt.js modules for building a fast, beautiful, and SEO friendly Nuxt.js project
· 9 min readContinue reading
Images optimization with Cloudinary in Nuxt apps
Learn how to optimize images in Nuxt with Cloudinary, configure the module, transform assets, and improve frontend performance with less manual work.
· 12 min readContinue reading
Dark/Light theme with TailwindCSS and Nuxt
Learn how to build a customizable dark and light theme in Nuxt with TailwindCSS, color mode setup, generated variants, and reusable styling patterns.
· 18 min readContinue reading
Power up your (Jam)stack with the new Nuxt
The latest Nuxt version — v2.14 may be just what you are looking for to build Jamstack (static) apps. 🚀
· 15 min readContinue reading
