I Made an AI Agent That Codes Like a Senior Developer, Here's How


Hey Reader,

Ever Wish You Had a Senior Engineer Reviewing Your Code 24/7? πŸ§ β€‹
Now you do and it’s powered by AI.

This is Part 1 of my new AI Agent Series where we’re building and deploying real AI agents that can think, analyze, and act like a senior software engineer πŸ€“.

This project is called AI Code Reviewer and it’s not just a fancy chatbot. It remembers past messages, gives contextual feedback and helps you ship better code, faster.

Here's the Tech Stack:

β†’ ⚑ Next.js 15 + React 19

β†’ 🧠 Convex Agents + Agentic Workflows

β†’ πŸ€– GPT-4o-mini via OpenAI

β†’ πŸ“œ TypeScript + Zod for safe inputs/outputs

β†’ 🎨 Tailwind CSS v4 + Shadcn UI

You can build it in less than an hour with this step-by-step guide and codebase.

​

πŸŽ₯ Watch the walkthrough here:

video preview​

​

🍿 Weekly Snack: Create Your First AI Agent

πŸ€– What Are Agents, Really? I like to think of AI agents as smart minions. You give them a goal, some memory, and a few tools and they go off to work.

They’re not like chatbots that just reply.

Agents think, decide, and act β€” and they improve with each interaction. They can call APIs, remember context, and adapt to messy tasks.

In this project, we define our minion aka Agent like this:

This Agent is a AI Coding Agent.

It will give feedback, catch bugs and improve your code quality like a Senior Software Engineer.

β†’ Agent is from Convex’s AI SDK. It wraps everything needed to create a smart, stateful minion.

β†’ chat uses GPT-4o-mini to process conversations.

β†’ textEmbedding allows semantic understanding and memory across sessions.

β†’ instructions tell the minion what role to play (in this case, act like a senior code reviewer).

β†’ tools is where you can pass in API functions your agent can use, like file search, web search or documentation lookups.

​

πŸ”₯ Agent is Powered by OpenAI and Convex​

If you'd like a more in-depth explanation then check out these video series

​

πŸš€ Latest Frontend News

​AI Code Review Agent Tweet (Share it further)

React introduced a few exciting features in experimental mode such as,

  • Shipped View Transitions that makes it easier to add animations to UI transitions in your app
  • Shipped Activity to allow components to be visually hidden and deprioritized, preserving UI state

React is working on an Official MCP Server, check it out​

Upstash introduced Caching for Drizzle ORM, with automatic invalidation and faster queries

​Next.js Deployment Docs just got a major revamp β€” removing Vercel bias and giving more balanced provider guidance πŸ‘

Want to build your agents on the edge? Check out this Platform For Building Agents on CloudFlare​
​

FREE

πŸ”₯ I just made a few lessons completely free in the Modern Full Stack Next.js Course on Mastering Data Fetching, dive into real-world examples for free.
​

ICYMI, we covered The Most Overlooked Feature in Next.js 15 in last week's newsletter.

​

πŸŽ₯ Weekly Youtube Videos

Check it out and subscribe to my channel ↗️ for more Frontend, Leadership and Career Development content.

​

Stop using v0, try this Instead

video preview​

I shipped my First SaaS, Here's What I learned

video preview​

​


What do you think of today's Newsletter? Simply click on one of the links below.

​πŸ”₯ Love it!​

β€‹πŸ˜ It’s okay​

β€‹πŸ‘Ž Not good​


​
All past newsletters
can be found here.

You can email me at me@kulkarniankita.com to advertise/sponsor the newsletter.

For those curious, I write all my emails using Convertkit.

Ankita Kulkarni

Join 9200+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni
Server function in TanStack

Hey Reader, I just got back from Amsterdam after speaking at React Summit and wow, what a week! πŸ‡³πŸ‡± I gave a talk called React Framework Showdown πŸ₯Š, where I pitted Next.js, TanStack Start, and React Router v7 (aka Remix) against each other in a friendly battle. Why those three? Because they're leading the pack when it comes to modern React and honestly, each one brought something wildly different to the table. I'll share the talk when it's live, but for now, let’s hear it from this week's...

Block Pirated traffic

Hey Reader, Ever been stuck writing the same SQL queries over and over again… not because they’re hard, but because someone on your team needed the data and didn’t know how to get it? I’ve been there. Whether it’s marketing asking, β€œHow many users signed up last week?” or product wondering, β€œDid anyone actually use that new feature?”, the questions are simple but the friction to get answers is very real. So I built something for that. Introducing: the AI Agent that talks directly to your...

Hey Reader, A couple years ago, I realized something unexpected: I was growing faster in my career not by doing more tutorials or chasing the next shiny framework but by finding a mentor. Want to level up your Next.js skills? β†’ Find a mentor who has shipped production-ready apps. Want to get better at public speaking? β†’ Find someone who’s done it before. At one point, I had multiple mentors, each helping me with something specific. Their guidance made all the difference and helped me focus.It...