Posts

Nuxt Module for GSAP?

Image
Nuxt 3 & GSAP: Why I Skip the Module and Go Manual In the Nuxt ecosystem, there is a module for almost everything. `@nuxtjs/gsap`? It exists. But just because a wrapper exists doesn’t mean you should always use it. If you’ve ever felt like a module was adding a layer of "magic" that made debugging harder rather than easier, this post is for you. Today, we’re going back to basics: installing GSAP via `npm` or `pnpm` and why it’s actually the superior way to handle animations in Nuxt 3. --- ## The "Module Fatigue" Realization Nuxt modules are fantastic for complex integrations (like Supabase or Auth). But for a library like GSAP, which is essentially a collection of JavaScript utilities, a module often just provides: 1. **Auto-imports:** Which take 2 seconds to set up manually. 2. **Plugin registration:** Which can be handled in a single file. 3. **Abstractions:** That might lag behind the actual GSAP version updates. By sticking to `npm install gsap`...
Post a Comment
Read more

Charts in Nuxt with ECharts: Visualizing My Coding Journey

Image
Charts in Nuxt with ECharts: Visualizing My Coding Journey Have you ever wondered how much time you actually spend coding? Or which languages dominate your workflow? For my latest portfolio update, I didn’t just want to claim I’m active—I wanted to prove it. The solution: A seamless integration of WakaTime data, visualized through the power of Apache ECharts in a Nuxt 3 environment. Why ECharts? While there are many charting libraries (Chart.js, D3.js, etc.), ECharts won me over for several reasons: High Performance: It handles large datasets with ease. Declarative Configuration: You describe the “what,” not the “how.” Nuxt Ecosystem: Thanks to the nuxt-echarts module, it integrates perfectly with SSR and hydration. The Architecture: From API to Pixels The workflow behind my portfolio looks like this: Data Source: WakaTime tracks my coding hours directly in VS Code. Server-Side: I use a Nuxt Server Route ( /server/api/wakatime.ts ) to fetch data secur...
Post a Comment
Read more

My first Blog

Image
👋 Welcome to my Blog Why a Blog? I've been looking for things you Should do in the past, and stepped over some Recources that say that its a good idea to start a Blog, so im doing it. About me Im a Frontend Developer using Nuxt and Vue. I will mainly upload things relied to them here. I will also talk about some Backend things and not Framework realted things like Tailwind etc. My Website
Post a Comment
Read more

Welcome file

Welcome to StackEdit! Hi! I’m your first Markdown file in StackEdit . If you want to learn about StackEdit, you can read me. If you want to play with Markdown, you can edit me. Once you have finished with me, you can create new files by opening the file explorer on the left corner of the navigation bar. Files StackEdit stores your files in your browser, which means all your files are automatically saved locally and are accessible offline! Create files and folders The file explorer is accessible using the button in left corner of the navigation bar. You can create a new file by clicking the New file button in the file explorer. You can also create folders by clicking the New folder button. Switch to another file All your files and folders are presented as a tree in the file explorer. You can switch from one to another by clicking a file in the tree. Rename a file You can rename the current file by clicking the file name in the navigation bar or by clicking the Rename button...
1 comment
Read more

Test

 Yeah, its just a test.
Post a Comment
Read more