Vantol
Bennett
Jamaican Educator & Developer
Founder of Zhyjenae · Building at MPS
Building real things teaches you more than any tutorial.
I spent over a decade teaching Mathematics and Science at Eltham High School. What I learned is this: the best way to master anything is to teach it — and the best way to learn code is to ship it.
Today I'm a full-stack developer building with Vue.js, Nuxt, TypeScript, and Node.js. I write about the tools I'm using, the mistakes I'm making, and the patterns that actually hold up in production.
This blog isn't about hot takes or hype cycles. It's about real engineering — the kind that survives contact with messy requirements, legacy code, and tight deadlines.
"The best way to write code all day is by doing it! Evolve with innovation."
Now Learning
Learn Nuxtone release at a time
Hands-on tutorials where we learn the new framework features together — straight from the release notes, step by step.
Building a Nuxt Module: Going Further
Your module works. Now make it real — Nitro routes behind an opt-in flag, a typed options surface with a public/private runtime split, and a test suite across three tiers that runs in seconds.
Start learningNuxt Modules Capstone: The Signed Build
The build-time half of a module doing real work — an ed25519 keypair generated on first build, a payload signed and stamped into every page, a verify endpoint that can't be tricked, and a deploy that proves it on production.
Start learningBuilding a Nuxt Module: The Basics
You've installed a dozen Nuxt modules and never written one. Three steps to close that gap — the build/runtime boundary, a package Nuxt can load, and a working feature visitors can touch.
Start learning
Vite+ Advanced
Senior-level Vite+: orchestrating monorepos, the task cache and remote CI caching, containerized builds, packaging libraries and standalone binaries with vp pack, and taking control of the Node runtime and supply chain.
Start learningVite+ for Beginners
Vite+ is one CLI for your runtime, package manager, and frontend toolchain. This first series takes you from nothing installed to a running project on the everyday command loop — one small step at a time.
Start learningVite+ Intermediate
Past the daily loop: understand the tools behind vp check and vp test, learn how vp run relates to your package.json scripts, bring an existing Vite project onto Vite+ with vp migrate, and wire up commit hooks.
Start learning
Learning Vue Vapor Mode
Vue's experimental compilation target skips the virtual DOM and writes to the DOM directly. We learn what it is, why it exists, how it compiles, how to turn it on, and when to reach for it — one step at a time.
Start learning
Learning Eve: Going Further
You finished the core series and shipped a real agent. Now we go further: connect external services, sandbox untrusted work, delegate to subagents, run on a clock, observe with hooks, catch regressions with evals, and ship to production.
Start learningEve Capstone: The Daily Research Digest
Build a real Daily Research Digest agent end-to-end: it pulls recent GitHub and Linear activity via MCP connections, delegates deep research to a dedicated subagent, assembles a digest, and delivers it to Slack on a cron schedule — then ships to Vercel. This capstone weaves together the four advanced building blocks (connections, subagents, schedules, deploy) into one production agent.
Start learningLearning Eve: Build Your First Agent
Vercel's Eve is a filesystem-first framework for durable AI agents. We build one real agent from an empty folder — instructions, model, tools, skills, and a channel — learning each building block as we add it.
Start learningLearning Nuxt 4.5
Nuxt 4.5 is the biggest release in a while — experimental SSR streaming, a useLayout composable, named views, an enabled option for data fetching, and lots of Nuxt 5 groundwork. Let's learn the features I'd actually reach for, one step at a time.
Start learningLearning Nuxt 4.4
Nuxt 4.4 is a big one — custom useFetch/useAsyncData factories, typed layout props, an accessibility announcer, smarter payload handling and more. Let's learn the features I'd actually reach for, one step at a time.
Start learningLearning Nuxt 4.3
Nuxt 4.3 shipped a stack of features I hadn't reached for yet — route rule layouts, ISR payload extraction, the #server alias and more. Let's learn them together, one step at a time.
Start learning"The best way to write code all day is by doing it! Evolve with innovation."
Hi, I'm Vantol Bennett
Before creating Zhyjenae, I spent over a decade teaching Mathematics and Science at Eltham High School — where I learned that the best way to master anything is to teach it.
Today, I'm a full-stack developer building with Vue.js, Nuxt, TypeScript, and Node.js. I'm passionate about creating tools that help developers and educators level up.
I'm building in public — sharing everything I learn about modern web development, AI-assisted coding, and software architecture.
Stay Updated
Code that ships.
Notes on the tools, patterns, and hard-won lessons from building real software — no fluff, no hype cycles.
Stay Updated
Get the latest posts delivered straight to your inbox.
My latest posts
LLMs and Their Integration with AI Harnesses: A Comprehensive Guide
An overview of Large Language Models and the harness infrastructure that makes them production-ready — covering model management, API routing, caching, observability, security, and integration patterns from direct API to self-hosted and event-driven approaches.
The Hard Truth About GitHub Actions and Continuous Deployment
Introduction
Every tutorial makes it look effortless. A few lines of YAML, a git push, and your application magically deploys to production. If only it were that simple.
The reality of GitHub Actions and continuous deployment is far messier. After years of building, breaking, and rebuilding deployment pipelines, I can tell you this: CI/CD is not a solved problem. It is a continuous negotiation between your code, your infrastructure, your tooling, and the infinite ways they can fail silently until 2 AM.
This post is not a tutorial. It is a field report from the trenches — an honest look at what actually goes wrong, why it goes wrong, and what you need to understand before you treat deployment as an afterthought.
Building null-agent: A Multi-Provider Coding Assistant with 49 Built-in Tools
Introduction
Most coding assistants lock you into a single provider, a single interface, and a black-box you can't extend. If you want OpenAI for one project, Anthropic for another, and a local model for sensitive work, you're juggling three different tools with three different CLIs.
null-agent is an open-source TypeScript library that solves this by unifying multi-provider LLM support, a rich tool system, a terminal UI, an HTTP API, and even a developer accountability tracker — all behind one configurable interface.
It ships with 49 built-in tools, 5 LLM providers, 4 interfaces, and a plugin system that lets you extend it without forking the codebase.