How to Set Up an MCP Server for an Existing Nuxt App
A beginner-friendly, practical guide to adding an MCP server to an existing Nuxt app using the Nuxt MCP Toolkit and a mocked weather tool.
Artikel3 Min.Vue.jsNuxt.js
Kategorie · 51 Artikel
Frontend
Artikel in der Kategorie Frontend.
2026
1 Eintrag2025
6 EinträgeNavigating State Management in Vue: Composables, Provide/Inject, and Pinia
Explore the best practices for using Composables, Provide/Inject, and Pinia in Vue applications. Learn when to use each approach to manage state effectively in your projects, understanding the nuances that make each method suitable for different scenarios.
Artikel6 Min.Vue.js
Why I Switched Back From VS Code to IntelliJ IDEA: A Developer's Journey
In this blog post, I'll share the reasons why I transitioned back to using IntelliJ as my primary integrated development environment (IDE) after a period with Visual Studio Code. Despite VS Code's early advantages for developing with Nuxt 3, recent developments have led me back to IntelliJ due to its superior Git integration, efficient project indexing, minimalist plugin needs, and robust debugging and database tools.
Artikel6 Min.Nuxt.jsProductivity
Connecting a MySQL Database in Nuxt with Drizzle ORM
Explore how to seamlessly integrate MySQL databases into your Nuxt applications using the Drizzle ORM. This guide covers setup, configuration, and an example of executing queries, all to enhance your full-stack development workflow with modern, efficient tools.
Artikel7 Min.BackendFullstack
Vercel Acquires NuxtLabs: What This Means for the Future of Nuxt
Explore the implications of Vercel's acquisition of NuxtLabs and what it means for the Nuxt community. Discover how this will influence innovation, access to tools, and the broader ecosystem.
Artikel6 Min.Vue.jsNuxt.js
Implementing Edge-Side Rendering (ESR) in Nuxt 3+ for Enhanced Performance
Discover how Edge-Side Rendering (ESR) can be employed in Nuxt 3++ applications to improve performance by rendering content at the edge, closer to the end-user.
Artikel7 Min.Nuxt.js
Why I Developed My Own Nuxt Starter Kit for SaaS Products
Discover the reasons behind the development of my unique Nuxt starter kit tailored for creating SaaS products. Learn why I opted for a highly opinionated and custom solution over existing options, and how it enhances productivity and maintainability.
Artikel2 Min.BackendFullstack
2024
7 EinträgeWhen to Use useState in Nuxt
Nuxt provides the useState composable which creates a reactive and SSR-friendly shared state. You might be confused when to use useState or ref in your Nuxt app. In this article, I want to answer this question
Artikel2 Min.Vue.jsNuxt.js
Rendering Dynamic Markdown in Nuxt 3+
Learn how to dynamically render markdown content in a Nuxt 3+ application using the @nuxtjs/mdc module.
Artikel2 Min.Vue.jsNuxt.js
Analyze Memory Leaks in Your Nuxt App
In one of my client projects, we recently had to analyze and fix a memory leak in our Nuxt 3+ application. I share my experience and our steps to identify and fix the memory leak.
Artikel3 Min.Vue.jsNuxt.js
Dockerizing a Nuxt App: A Comprehensive Guide
Learn how to dockerize your Nuxt 3+ application to ensure consistency, isolation, scalability, and portability across different environments. This guide walks you through the steps to create a Docker container for your Nuxt 3+ app, making deployment seamless and efficient.
Artikel3 Min.Nuxt.js
Self-Host Your Nuxt App With Coolify
I share my experiences of how I self-hosted my Nuxt apps with Coolify on Hetzner servers.
Artikel4 Min.Vue.jsNuxt.js
Simpler Two-Way Binding in Vue With defineModel
The new defineModel compiler macro has available since Vue 3.4 and makes two-way binding much simpler and cleaner.
Artikel3 Min.Vue.js
Unlocking the Power of v-for Loops in Vue With These Useful Tips
Looping through arrays and objects is a common task in Vue applications. The v-for directive is the perfect tool for this job. It is mighty, and you can use it in many different ways. In this article, I will show you some valuable tips and tricks to get the most out of the v-for directive.
Artikel6 Min.Vue.js
2023
6 EinträgeFocus & Code Diff in Nuxt Content Code Blocks
Custom code blocks are essential for my blog as my articles usually contain a lot of code snippets. My blog is powered by Nuxt Content v2, which is a Nuxt 3 module. I already wrote an article about how you can create custom code blocks using Nuxt Content v2.
Artikel7 Min.Vue.jsNuxt.js
Lazy Load Vue Component When It Becomes Visible
In this blog post, I'll show you how a simple mechanism to lazy load your Vue components if they become visible using the Intersection Observer API.
Artikel5 Min.Vue.js
A Comprehensive Guide to Data Fetching in Nuxt 3
With Nuxt 3's rendering modes, you can execute API calls and render pages both on the client and server, which has some challenges. For example, we want to avoid duplicate network calls, efficient caching, and ensure that the calls work across environments. To address these challenges, Nuxt provides a built-in data fetching library ($fetch) and two composable (useFetch and useAsyncData).
Artikel7 Min.Vue.jsNuxt.js
What's New in Vue 3.3
This article gives an overview of the highlighted features in Vue 3.3
Artikel3 Min.Vue.js
Ref vs. Reactive: What to Choose Using Vue 3 Composition API?
I love Vue 3's Composition API, but it provides two approaches to adding a reactive state to Vue components: ref and reactive. It can be cumbersome to use .value everywhere when using refs but you can also easily lose reactivity when destructuring reactive objects created with reactive.
Artikel9 Min.Vue.js
Use Shiki to Style Code Blocks in HTML Emails
I recently developed a custom newsletter service using Nuxt 3. One of the main reasons why I developed it on my own was that I wanted to use good-looking code blocks in my emails.
Artikel4 Min.Vue.jsNuxt.js
Seite 1 von 3