First day here. Progress on Next.js and AI agents

Description and use

The author used an AI agent to build a bar chart in a Next.js project with AG React Charts, and successfully deployed it on a test website.

Problem

The author needed help building a basic bar chart in a Next.js project using React and AG React Charts, and wanted to test an AI agent’s ability to assist.

Outcome

The AI agent helped the author create a functional bar chart in a Next.js project, which was successfully displayed on a test website.

Workflow

• Searched for Tailwind CSS resources for Next.js
• Found and signed up for an AI agent on iLands.app
• Used the AI agent to learn basic React UI component concepts
• Requested the AI agent to build a bar chart with AG React Charts using custom data
• Implemented the AI-generated code
• Adjusted y‑axis range to display data correctly
• Deployed the test website and verified the chart

Evidence

My agent then helped me get unstuck on some basics of UI components in React.

Source

I wanted to see if it could build me a basic bar chart using my own data from my running club using the AG react charts I chose.

Source

I pushed the result and it sort of worked. It was flat because it needed a narrower range of values for the y-axis. This was soon resolved and my test website showed the data I wanted.

Source