Technical deep dives, tutorials, and lessons learned from building fullstack applications. Topics include AI integration, modern frameworks, databases, performance optimization, and architecture patterns.
In today’s digital landscape, speed isn’t just a luxury—it’s a survival requirement. If your website takes more than a few seconds to load, users don’t wait; they bounce. This is where Google Lighthouse and the cutting-edge Chrome DevTools MCP (Model Context Protocol) come into play.
With the combination of Nuxt 3, the latest version of the popular Vue.js framework, and the OpenAI API, developers can create fascinating conversational interfaces like ChatGPT clones.
Learn how to configure Eslint, Prettier, Commitlint, Husky and lint-staged for Nuxt 3 project
One of the things I've learned while building an earlier version of my personal portfolio and blogging site was to add a reading time to a written article. It's critical to let readers know how much time they'll be spending reading the content. Adding the estimated read time can increase the content engagement. The more time they spend reading, the more likely they are to engage with the content.
In my last blog post, I share how to create a comment system for a Gridsome site. Today I'd like to share how to build a newsletter form that works for Gridsome and Nuxt.js, or basically for any Vue-powered site deployed on Netlify. We'll use Netlify serverless function to send form submissions to Buttondown.
In this tutorial, you will learn how to add a comment system to your Gridsome static website. We will use Cusdis, an open-source, privacy-friendly alternative to Disqus.
In this tutorial, you will learn how to create a multiple theme website with Nuxt.js 2, TailwindCSS, and DaisyUI. You will learn how to use and set up DaisyUI in your Nuxt project, how to add multiple themes to your project using DaisyUI's pre-built themes and how to create your own theme.
I encountered an error in my frontend code today. I thought this was worthy of sharing.
I'm pretty sure you've used Google Analytics before. A free web analytics solution offered by Google. It's the most used analytics software on the web because of its rich and powerful features. But, in case you are not aware, all data collected by Google Analytics is being sent to Google for analysis. If you care about data privacy, it might not be the best solution for you.
I was browsing on Github and came across this static site generator called Plenti. It's a new static site generator based on Svelte and Go. I gave it a try, and I was amazed at how fast it is. Let me introduce you to Plenti and how you can create and host sites made with Plenti on Netlify.
They say podcasts are not only great for entertainment but also great for education, and I couldn't agree more. I listen to podcasts more often lately, and sure enough, there is a lot of great information out there, especially in the software development world. There are amazing conversations, stories, and helpful insights from the developers.
If you want to make a custom loading animation for your Nuxt application, Nuxt has a quick solution for you. Instead of a simple progress bar only (similar to nprogress), why not make it a little bit fancier?
For today's blog post, I will list down some of the best Nuxt.js modules built by the Nuxt core team and the Nuxt community. These modules are available on Github.
The Laravel team recently announced a new scaffolding application for Laravel 8 called Laravel Jetstream. It scaffolds a working Laravel app with login, registration, email verification, two-factor authentication, session management, and even optional team management.
I've seen a lot of developers sharing their tech stack on Twitter lately. I am joining the bandwagon. Today, I will share the current tech stack I use when I build my own side projects in 2020. Spoiler: it is Javascript heavy.
Adding UI frameworks in Vue project is a piece of cake and working with UI component frameworks has such a big impact on developer experience. UI frameworks reduce complexities from building components and save a ton of work and time during product development. In this blog post, I will list down 5 of the best UI frameworks for Vue, their features, and why you as a developer must use them in your next projects.
Did you know you can build and deploy your JAMStack site in less than 5 minutes? Yes, it is possible thanks to Stackbit, an online service that scaffolds a JAMStack website from scratch using different technologies. It uses pre-built themes, different static site generators, connect it to CMS of your choice and then publish your site to Github and Netlify. And it is free to use. Let me show you how it works.
Vue.js, without a doubt, is one of the best javascript framework in the wild. If you are a new to javascript framework world, Vue is a go to framework because of its easy learning curve compare to that of competitors like React and Angular.
© 2025 Leigh Dinaya. All rights reserved.