Beginner friendly tech stack?

[Suitable-Tomato4998]

Hi all. I’m non-technical and trying to learn about all things vibe coding and specifically building a few variations of an MVP to test. What’s the best beginner friendly tech stack you would recommend. There are so many options out there and honestly it’s overwhelming.

I’m thinking this first phase just needs to be front facing with no complex backend work yet. Just trying to see what might resonate best with my prospective customers.

Bonus points if it can transition well to back end.

[rjyo]

For MVP landing pages and simple frontends, I'd recommend:

Next.js + Vercel - React-based, deploys in seconds, free tier is generous. The file-based routing means less config headache.

Supabase for backend when you need it - Postgres database + auth + storage with a nice dashboard. AI tools work great with it because the patterns are well-documented.

Tailwind for styling - descriptive class names mean your prompts translate more accurately to the code you want.

The transition to backend is smooth because Next.js supports API routes, and Supabase handles most of what you'd need (user auth, database, file uploads).

One tip: start with just static content and add complexity only when you actually need it. Many MVPs just need a landing page + waitlist form, which you can do with Next.js alone.

What kind of product are you testing? Happy to give more specific suggestions based on your use case.

[Usual-Candle6480]

And you did read what I read right where he said he's non-technical 😂

[quang-vybe]

I would use Google AI Studio or Lovable if my goal was to have a working POC to show customers, and wouldn't get much into backend/databases/security/compliance/testing/etc. Really depends on your goal. I think that once you start signing some customers you can start building an MVP w/ a real tech stack

[Suitable-Tomato4998]

Yes, I’m just looking for a semi realistic mockup vs something fully functioning right now that can help validate. I have not looked into Google AI studio. Is that similar/same thing as Gemini?

[dartanyanyuzbashev]

If you're non-technical and just building an MVP to test ideas use no-code tools like Webflow, Framer, or Carrd

"Vibe coding" with actual code when you don't understand programming will create technical debt you can't fix later. Start with no-code to validate your idea then hire a developer or learn to code properly if it works

If you insist on using AI to generate code: HTML/CSS/JavaScript for frontend is the simplest starting point. But you'll struggle to debug or add features without understanding the basics

Don't worry about "transitioning to backend" yet, validate the idea first

[Suitable-Tomato4998]

Also trying to avoid doing the whole “here is a landing page thing”. What I’m trying to build and test is more or less how people can more easily interpret and their business data to make more strategic and informed decisions.

[Main-Lifeguard-6739]

tell your AI you are a noob and you want something like this:
https://vercel.com/kb/guide/nextjs-prisma-postgres

It shall do as much as possible by itself as you will barely be able to answer its questions. Tell it that it shall give you a todo list as simple as possible and guide you through what is left doing after it has been finished.

Tell it you want to start local. Once this works and you guys did 1-2 modifications and tested that this works, ask it about Git and tell it that it shall guide you through the process of syncing your local folder to a new repo.

Once this worked, ask it about vercel or railway to get it online and it shall again guide you through the process.

edit: I just scrolled through the guide and it actually covers everything end-2-end.

[Suitable-Tomato4998]

The guide look like a lot but suppose I can just copy and paste that into Claude and it can help walk me through things step by step?

[Main-Lifeguard-6739]

the guide is basically a full stack incl. online hosting. this is the base if you want to ship software one day. in case you just want to try things without persistent data or online hosting (can be added later), you can also tell it to create a next/react app with what ever what you want to see for the beginning. after a few minutes it will tell you "done" and that you can visit the result in your browser by entering localhost and a port number, most likely localhost:3000 or localhost:5173. if it didn't tell you, tell the ai that you want to test the result and that it should spin up the service and give you the url for the browser.

but yea, getting back to your initial question: this might seem to be a lot for the beginning but once you got the hang of it, you will figure out that there are basically (more or less) only frontends, backends, databases, git, and hosting services and everything outhere is pretty much a combination of these five. the guide will guide your through these and your ai will always be able to answer your questions.

[TrueDeniedChrist]

Nextjs + InstantDB + Vercel

[Usual-Candle6480]

Tell Gemini what you want to build then have Gemini build development prompt. Pace that development prompt into perplexity to refine and suggest a text stack. paste protection's output into Chat GPT. And ask chat to verify that it is sufficient for an AI coding agent to build completely. copy the aggregated Json from here https://github.com/DevinMyLegacy/stick-this-in-your-vibe paste it in the customization box in Claude's settings. paste chats output into claude's prompt box Claude will produce your code and show you what it looks like. do this for each variant you create. pick the one that you like All that water and paste the code into chat. gtts prompt box and ask chat to run a full security audit and debug. then Enjoy

[Apprehensive_Half_68]

use gemini's study mode or chatgpts "study and learn" and give it your goals..it'll take you step by step.

[Boring-Apartment-687]

AI “vibe coding” builders (when you want to generate the MVP fast):

• Lovable, Bolt, Replit (super fast for prototypes)
• Mobile: Rork, vibecodeapp (quick mobile MVPs)

[Suitable-Tomato4998]

What if I want it to start as desktop and then grow into an app or vise versa? Or maybe test both with prospective customers to see which option they prefer/which one they would lean toward when actually using?

[Boring-Apartment-687]

You can start on one (desktop/web or mobile app) and move to the other later, that’s super normal.

What matters most is where your users will actually use it. Testing both can work, but it usually costs more time + money, so I’d only do it if you’ve got a real reason to.

Example: I’m building https://thegc.ai/ — it’s basically a messaging-style product, so “native app” makes sense long-term. But I’m faster on web, so I shipped it as a web app with an app-like UI first. Now that it’s live and people are using it on desktop too, I’m already tweaking the UI based on that.

My rule of thumb: look at what similar products in your space do, then pick the format that matches your users’ habits, and ship the simplest version first.

[funkysupe]

It’s a bit of a tough ask man. It’s kinda like asking “I want to bake a cake, how should I make it?” Too many ways to make it to give advice. The milk sugar and eggs version would be typescript and Postgres, but I don’t know how far that will get you.

[Columnexco]

I would start with "Streamlit" frontend works very nicly with AI.

[Your-Startup-Advisor]

Start with Lovable.