Tech Blog
Web development tips, tricks and tutorials
Web development tips, tricks and tutorials for web developers of all levels, from beginners to advanced. Learn about the latest web technologies, best practices, and industry trends. Feel free to leave comments and questions on the posts.
0/25
Showing 1 to 3 of 3 results
Reduce Nuxt UI CSS by half with experimental component detection
Nuxt UI 4 has an experimental componentDetection option that only generates theme CSS for the Nuxt UI components you actually use. On this site it cut the main stylesheet in half. Here is how to enable it, how to measure the difference, and what to watch out for. Continue reading
Tailwind CSS - Adding a Shadow to Sticky Headers on Scroll in Vue/Nuxt
A sticky header is a standard UI pattern, but it often looks 'flat' when it blends into the content scrolling underneath it. The best way to solve this is to apply a shadow/background, but only once the user has started scrolling. Continue reading
Using shallowRef with Nuxt 3 useFetch for better performance
Learn how to optimize your Nuxt 3 applications by using shallowRef with useFetch. Discover the performance benefits and when to use deep: false for better reactivity management. Continue reading
Showing 1 to 3 of 3 results