Prompt, run, edit, and deploy full-stack websites.
DeepAgent helps you get started with vibe coding. Start with something simple and then learn how to nudge the AI agent to make changes, fix bugs, and iterate.
DeepAgent is meant for full-stack apps but we will start with simple apps and front-end heavy websites.
Here are the steps to using DeepAgent to create apps:
We will give you a friendly URL to share with the world. You can also host your apps on custom domains that you own.
In the beta version, we currently do not support user authentication. It is coming soon!
You can access all the apps you have created through the Apps page here.
DeepAgent automatically adds a database to your app if required. You can also explicitly mention in your prompt if you want a database added to your app. Database can be accessed through the preview window. You can also export the data to csv if needed
You can deploy and host the websites you build. You can deploy the apps.
Simply type what you want to build in the chatbox and let DeepAgent do its job. We recommend keeping first prompt specific, elaborate, clear and simple to get better results.
Example-"I want to create a website for the book club I run. The website is supposed to be for current and potential members of the book club. Website should have 3 pages: 1. Landing page - This page should contain following information: - What is the book club about? - What do we do at the book club? - Why should you join the club? - Schedule and the book that will be discussed 2. Explore - This page contains: - Books that were read in the past - Write-up about each book - Section where users can vote a book from list of 5 to be picked up in the next session 3. Sign up page - this is where users can sign up to be a part of the book club. Please generate appropriate content and design for the website, including the above."
Providing a detailed prompt with context and exactly what you want in the website will potentially give you better results compared to a vague and generic prompt like "Build a website for bookclub members"
If you run into an error while app building, you can copy the error message from the IDE and paste it in the chatbox. DeepAgent will fix it on its own.
You can change the theme and fonts in the website as per your need by simply prompting.
Example: "Modify the theme and font to make the website look more professional"
Here are some general tips for effective prompting with DeepAgent:
Clearly specify what you want in your prompt. The more detailed your request, the better the response.
Here are some sample prompts:
"I want to create a website for the book club I run. The website is supposed to be for current and potential members of the book club. The website should have 3 pages: 1. Landing page - This page should contain the following information: - What is the book club about? - What do we do at the book club? - Why should you join the club? - Schedule and the book that will be discussed 2. Explore - This page contains: - Books that were read in the past - Write-up about each book - Section where users can vote a book from list of 5 to be picked up in the next session 3. Sign-up page - this is where users can sign up to be a part of the book club Please generate appropriate content and design for the website, including all of the above"
Avoid generic prompts such as: "Build a website for book club members."
Give enough context in your prompts to help the AI generate accurate responses.
Example - "I am a product manager with X years of experience. I want to create a webpage that can be used for peers, recruiters and potential professional connections to know my professional journey and connect with me. Use appropriate sections, professional fonts and theme. Please refer to my resume for content"
If the website isn't what you expected, try refining your website by giving more specific details.
Example: "Can you add a section called 'professional summary'"
When building iteratively, break down your requirements into smaller tasks, Instead of trying to fix everything in single prompt.
Example: "Add a new page to talk about the story of the brand. Change the font to Centeria Script and change the theme to beige and brown."
Breakdown the prompt into smaller tasks and build iteratively:
Still have questions regarding DeepAgent? Check DeepAgent FAQs.
By following these tips, you can make the most out of DeepAgent's powerful capabilities. Happy vibe coding!