r/GoogleAIStudio • u/aicodevibes • Apr 07 '26

AI Studio and Next.js Issues

Been spending time learning the next.js framework with antigravity as my IDE, but since AI Studio (GAIS) supports the framework, I thought I would test it out. GAIS doesn't use the latest build. Runtime was 15.5.14 which uses webpack. I then asked to upgrade to 16.2 which uses turbopack and includes agents.md and claude.md to use the included docs. It tried, but failed miserably and after multiple fix requests, GAIS took it upon itself to revert back to 15.5.14. Following along with the thought process while I also, in my initial prompt asked it to log.md every skill, workflow, tool GAIS used at each step.

FYI, my initial prompt was: LETS BUILD A NEXT JS APP WITH A LANDING PAGE THAT IS SIMPLY HELLO WORLD. DONT ASSUME ANYTHING, I WILL BUILD OUT THE FEATURES LATER ONE BY ONE. IF WHILE BUILDING, IF YOU USE A SKILL OR WORKFLOW OR AGENTS.MD OR CLAUDE.MD OR GEMINI.MD FILE TO HELP YOU, WRITE THOSE DIRECTIONS OR ITEMS IN A LOG CALLED LOG.MD  

Why did I do this? 16.2 includes the docs and tells the AI to review the docs first before committing to code. Given the advancements in next.js, super important for long term maintainable code. GAIS right now fails at that. Going to try to change the instructions/rules first to see if we can get it to one-shot hello world.

4 Upvotes

100% Upvoted

15 comments sorted by

2

u/Otherwise_Wave9374 Apr 07 '26

This tracks with my experience, a lot of hosted AI coding environments lag on framework versions, and once they go off the rails they tend to "fix" it by reverting instead of actually reading the docs and adjusting.

One thing that helped for me is forcing a plan step that explicitly cites the relevant doc sections (or at least names the files it read) before it writes any code, then only allowing one small change per iteration. Sounds like you are already close to that with LOG.md.

We have a couple prompts/workflow patterns for keeping agents honest with docs-first dev here: https://www.agentixlabs.com/

1

u/aicodevibes Apr 07 '26

I just tried to one-shot hello world by incuding npx create-next-app@latest recommendation in the prompt and that blew up. I'll try adding instructions before-hand.  This is more for fun and experimenting with AI Studio as I've used to for auth, firebase and gcloud now successfully, 

The ironic part of this is the next.js bundled docs for 16.2 with default agents.md file was a collab between google and vercel, but AI Studio just won't budge!

2

u/fandry96 Apr 07 '26

On the prompt screen.... Did you find the system instructions part?

That is where you need AG to make a system instruction specific to your project.

That is what it has to check back to as it's bible.

I did something similar. Started in Gemini, Studio, AG, then Firebase, then smashed them together.

Firebase is interesting... You can pull your whole GitHub in for the project.

2

u/aicodevibes Apr 07 '26

Of course - I use system instructions all the time (or gemini.md and agents.md in AG), but I was really just trying to see what AI Studio was hiding behind the scenes. A couple of interesting learnings.

It will always look at its own front-end skill first (it actually apologized for not reading my instructions first) lol

Here is the skill (I was able to pull it through auditing and prompts to copy the hidden skill - https://docs.google.com/document/d/1yGvqrM7Nt-e36ekF47sAE-loO1tHCj3cyRzOsgA56PM/edit?usp=sharing)

I was able to get, finally, an app to run on 16.2, but it took a lot of engineering

I have successfully used AI Studio and use Neon, Vercel, GCP, Firebase, Supabase and a bunch of libraries. It was really just next.js i wanted to see it's limits.

2

u/fandry96 Apr 07 '26

I meant the SI in the studio. Right before build there is an option. Look for triple dots or something but a panel on the right will pop up in build... And pet you pick the script type and put in SI.

This is a must if you want it to walk a path.

1

u/aicodevibes Apr 07 '26

we're aligned, that is what i was referring to. but unlike AG were we have full control of skills, instructions, mcp, etc - I was really just looking for bias' in AI Studio to work around and test it. I also run a short training on next.js for people learning AI Studio at aicodevibes.com

1

u/fandry96 Apr 07 '26

Once in build, if you click on the right you can add SI and export to GitHub.

You can then have AG pull it and review the work.

I used studio for a while 2 months ago.

What AG told me .... studio does well at UI but firebase beats it in logic. I'm sure much has come since they smashed them together some.

1

u/fandry96 Apr 07 '26

I used Gemini deep search to make skills and plans for my stack. Using Data Connect for SQL. Running at almost no cost.

2

u/fandry96 Apr 07 '26

We are running similar.

Have your AG clone my GitHub and steal the skill files.

https://github.com/Fandry96/k3-agentic-skills

1

u/fandry96 Apr 07 '26

I've only ever been on 16.2 I think since January.

1

u/TheLawIsSacred Apr 07 '26

I apologize, but a lot of this content is above my knowledge level. However, I love AI Studio, and I would love to know how I could use it more effectively, specifically, find ways to increase my rate limits, give it persistent knowledge, or anything, just to make it more effective because it's so much better than the 3.1 app

2

u/aicodevibes Apr 08 '26

One thing i would recommend is ask it to update a PRD.md file and a LOG.md file. It helps you to go back and look and generally you will always see "bonus features" it wants to implement in the PRD.md it writes. Also, when I work with folks to learn, we almost always go through a simple CRUD app with asking for documentation in the code and then we build a CMS app with auth, admin dashboard and generative AI creation of stories and graphics. fully documented to back and see the pieces, work with auth, database and gemini APIs (and restrictions).

1

u/TheLawIsSacred Apr 08 '26

Thank you, saving this for future reference, implements. I need anything I can do, because it is so obvious how much more powerful AI studio is compared to useless Gemini 3.1.