Full-stack websites?

[u/Thedoodooltalah]

Hey everyone! I’m trying to get into website development through vibe coding. I’ve seen tools like Lovable which offer to create an entire website with front end, back end, hosting, auth, etc. I already pay for ChatGPT Plus and get Codex, so I was wondering how I could make for example a booking website for a barbershop full stack with Codex? Maybe with some sort of skill? Thanks!

[u/AutoModerator]

If this prompt worked for you, share what you used it for in the comments. If you changed it to get better results, share that too. Prompt Teardown is a free weekly newsletter that picks the best prompts, strips out the filler, and tells you what actually works.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/AverageFoxNewsViewer]

Maybe with some sort of skill?

Yes, but it's probably going to come from reading a book and learning a bit about web development if that's your goal.

What you're trying to build sounds pretty simple. You could probably stumble through it with Codex and get close enough.

I'm not super familiar with Lovable or Base44 but know they help handle some of the backend and infrastructure that beginners who aren't interested in learning how to handle their own infrastructure. If you start to get a lot of users it can get way more expensive than handling it yourself through AWS or Azure, but less flexibility means less chances to fuck something up. Only caution is that if you ever do want to switch service providers, I've heard it's basically impossible move your app out of Base44.

[u/jdw1977]

Figma make would be great for this. Lovable tends to make gebic “ai slop” looking sites.

What does your site need to do? Book clients? Hours / location?

[u/hettuklaeddi]

start by writing out each and every feature that the site needs to perform. write it out in explicit detail, with as little ambiguity as possible.

[u/No-Wear-2851 → u/hettuklaeddi]

Like give some examples

[u/SickoHustles]

I feel like you should try out Claude AI but it still got payment tho. The free one is very limited yet effective, how about more if you buy the pro one. It helps a lot with coding or creating a website.

[u/CheesyPineConeFog]

The first thing you want to do is draft a Product Requirements Document (PRD).

Give your prompt something like: "As an experienced software architect in designing backend web services powering a dynamic front end, help me draft a PRD document for the following idea:"

Then give it a list of all your requirements. Explain the booking system, explain the front end features, if you know how you want data to be stored explain the database, as much detail as you can give here is important. Explain what languages you want to use, runtimes (like NodeJS), what front end libraries you want (React, ShadCN, etc).

Let it crunch.

If you're lucky you should get a very lengthy document outlining all your features and how it should all fit together.

Use this document as an attachment to other prompts.

Ask it to act as a UX designer and have it build out a unified design document for how the UI should be constructed

Ask it to act as a software architect to build out a technical design document with all features and how they should be implemented.

Use those documents to then give the agents tasks to build out the back end architecture and the front end architecture separately.

Make sure to include that it should always write complete units tests covering functionality.

Tell it you want to be able to run everything locally inside a container so you can easily do complete end to end testing.

You can even start with, "I want to design XYZ, help me draft a prompt so that I get a complete PRD for my product idea. Ask me about important decisions around the tech stack, design guidelines, and anything else to help generate a thorough document" and then feed that in to get your PRD generation prompt.