[D]0S - High-Fidelity Engineering: Next.js 16 + Gemini 3 + Vibe Coding with Antigravity

damenor — Mon, 02 Feb 2026 05:51:02 +0000

This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI

About Me

I am David Menor. My development philosophy in 2026 is clear: the barrier between idea and execution has vanished. I am not just a developer; I am a systems orchestrator.

My portfolio is a high-fidelity data terminal that lives at the intersection of premium design and quantum AI engineering. I wanted to create an immersive experience that feels like operating a high-security mainframe, where every interaction breathes speed and precision.

Portfolio

🔗 Direct Terminal Access: https://google-portfolio-challenge-uoxbmr2rhq-ew.a.run.app

How I Built It: The Vibe Coding Revolution

This project wasn't "programmed" in the traditional sense; it was created through pure Vibe Coding with Google Antigravity. My process involved describing complex flows, system aesthetics, and data architectures, letting Antigravity handle the heavy lifting of implementation while I refined the vision.

Tech Stack

Engine: Next.js 16.1.6 (App Router) + React 19. The absolute state of the art in web performance.
AI Intelligence: Gemini 3 Flash acts as the site's neural core, processing my career path and responding to visitors with deep technical context.
"Secure-Obsidian" Aesthetic: A visual system built on Tailwind CSS v4 and Framer Motion 12, designed to last and scale.
Deployment: Dockerized and launched on Google Cloud Run in minutes, leveraging native auto-scaling.

Google AI Integration: My Multi-Agent Pair Programmer

Antigravity wasn't just another tool; it was my engineering partner every step of the way:

Iteration at the Speed of Thought: I was able to jump from a design concept (like the "Sticky Stack" effect for projects) to a functional implementation in seconds. Antigravity understands the technical "vibe" I'm after — clean lines, mono fonts, tactile transitions — and translates it into production-ready code.
Agentic Multitasking: While I was defining internationalization messages (next-intl), Antigravity ensured that the Google Cloud Run deployment was flawless, handling ports, containers, and environment variables without me having to touch a terminal.
Aesthetic Refinement: From generating a minimalist favicon that respects the site's identity to fine-tuning entrance animations, the AI acted as a technical art director.

What I'm Most Proud Of

I am incredibly proud of building a complex system that feels cohesive. These aren't isolated sections; it's a personal "Core OS".

Achieving a Next.js 16 architecture that feels this lightweight, having Gemini AI respond with such a defined personality, and making the Cloud Run deployment transparent — all orchestrated from Antigravity — is the real testament to what being a Senior Engineer means in 2026.

Built at the speed of light. Stay Bold.

Create Your Project in Minutes with @damenor/create-app: The CLI Tool that Will Streamline Your Development! 🚀

damenor — Wed, 17 Jul 2024 22:28:55 +0000

Hey everyone!

🎉

I'm excited to share something we've been working on that is finally ready to see the light of day: our new npm package, @damenor/create-app. This CLI tool is designed to simplify and speed up project creation, adapting to your preferences and needs.

Web
npm Package: @damenor/create-app

What is @damenor/create-app?

In essence, @damenor/create-app is a command-line tool that allows you to generate projects quickly and easily. Whether you prefer to work with Next.js or Vite, this tool has you covered. And this is just the beginning. We're planning to add support for more popular frameworks like Astro, Vue, Nuxt, and Nest in the near future.

How Does It Work?

Let's dive into how you can use this tool and what you can expect.

Installation:
First, you need to install the package from npm. You can do this easily with the following command:

npm install -g @damenor/create-app

Creating a Project:

Once installed, creating a project is a piece of cake. Just run:

create-app

This will start the interactive CLI that will guide you through the configuration process of your new project.

Choosing the Framework:

This is where the fun begins. The CLI will ask you which framework you want to use. Currently, you can choose between Next.js and Vite, but soon you will also be able to choose Astro, Vue, Nuxt, and Nest.

Adding Extras:

Depending on your needs, you can add extra functionalities to your project. Need authentication? Database connection? Just select what you need, and the CLI will handle the rest. We are continuously working to add more of these useful extras.

Step-by-Step Example

Let's say you want to create a new project with Next.js and you need authentication and a database connection:

Run the CLI:

create-app

Select Next.js as your framework.

Choose to add authentication and database connection when asked about extras.

Done: The CLI sets everything up for you, and in a few seconds, you have a new project ready to start working on.

Why Use @damenor/create-app?

Saves Time: Generates your project's structure in minutes.
Flexibility: Customize your project with the extras you need.
Promising Future: With more frameworks and functionalities on the way, this tool is only going to get better.
Next Steps
We are committed to continuously improving @damenor/create-app. Soon, we plan to add support for more frameworks and extras that will make your life as a developer even easier.

Try It Out!

We would love for you to try @damenor/create-app and share your feedback with us. You can find more information and start using it today: