, an AI-powered web development agent. We’ll follow the same steps as before: create a simple Next.js application, evaluate the AI-generated suggestions, and share our experience using it.

 is an AI-powered web development assistant integrated into a web-based IDE. Unlike traditional IDEs, it offers a streamlined interface with fewer windows. While the available features are somewhat limited—primarily viewing and editing project files, checking terminal output, and previewing the browser—it promises an efficient development experience. Let’s test this by creating a simple Next.js application.

We’ll create a Next.js application based on the requirements specified below.

Please create a Next.JS application. I need the following cases to be included in it:

tool begins providing suggestions, the web IDE integrates seamlessly into the browser, appearing alongside the AI assistant chat.

quickly installed dependencies, generated the project structure, and created all necessary files. A standout feature is its ability to automatically populate the site with relevant images—something that had to be done manually when testing Cursor AI and Windsurf Editor.

 handles modifications to existing code. We’ll request it to generate a new logo and apply it to the site.

please generate some icon with 4 overlapped triangles.

please put the link to the left side in header and left side in the footer instead of ShoppingBag element

is a web development agent (with the option to download the project code and run it locally in another IDE), its user interface is more simplified compared to Cursor and Windsurf IDEs. However, it does allow you to reference specific code snippets in the AI assistant chat.

That said, it’s important to note that while this referencing feature exists in chat mode, it’s not always clear which specific line of code is being referenced.

Next, let’s modify the created site by adding a modal dialog for logging in.

Need to change logic after clicking on the login icon.

Once clicked on the icon, a modal popup should appear with the following components:

Once the submit button is clicked, the modal should close, and the following API should be called:

The form's parameters should be submitted as body parameters.

Once again, the task was completed quickly and without any issues. The site refreshed automatically, and the new version was ready for verification.

When errors arose, fixing them directly in the 

 agent was not particularly convenient or efficient. However, 

 offers a potentially useful feature: the ability to roll back to a previous point in the AI assistant chat. By selecting this option, your project reverts to the state it was in after a specific recommendation from the AI assistant.

Creating a simple example site using the 

 handles everything in its cloud environment and even loads the required image files automatically, it took only about 10 minutes to complete the example site, fully populated with all necessary assets. From my perspective, 

 is particularly well-suited for creating landing pages or simple websites quickly and seamlessly.

However, challenges may arise when working on more complex projects or troubleshooting issues in your code. In such cases, it might be better to download the project code and address the problems using a traditional IDE.

Another unclear aspect is the token system associated with your account. While working on my second example project, I received a message stating, "You've used all your remaining tokens. Subscribe to Pro for 66x more usage." Unfortunately, checking the pricing page didn’t clarify how many free tokens are provided. According to forums, users get about 100k tokens per day, which I hoped would cover 5–10 chat suggestions. However, my tokens were depleted unexpectedly, making the token calculation seem unclear and inconsistent.

 to be a valuable tool for specific use cases, like the ones mentioned above. For regular development activities and more complex projects, I’d prefer using traditional IDEs such as 

, especially since they offer similar or even lower pricing options.

Discover how Bolt.new, an AI-powered IDE, simplifies web development. Read our review of its strengths, limitations, and ideal use cases for quick projects.

Bolt.new Review: Building a Next.js Site in Minutes with an AI-Powered IDE

Popular Categories

Stay Updated with AI Agents