Step-by-step Base44 tutorial showing how to create an AI website, add pages, connect a contact form, fix errors, and publish fast with no code.
Introduction to Base44
Base44 sits in an interesting middle ground: it can generate a simple website from a prompt, but it also goes beyond a typical site builder by adding app-style features such as forms, databases, and integrations. In Julian Weber’s walkthrough, he builds a live site from scratch, adds a contact page, connects form handling, and publishes it without writing code.
That makes this tutorial especially useful if you want more than a static landing page. Based on the test shown in the video, Base44 is best understood as an AI builder that can start as a website and grow into something more functional later.
What Julian built in the video
In the live demo, Julian used Base44 to create:
- a one-page homepage for his YouTube brand
- a hero section with his name, topic, and uploaded image
- a section linking to his latest tutorials
- a follow-up stats section with subscriber and video counts
- a separate contact page
- a contact form
- a Google Maps section
- a working form flow that stored submissions and forwarded them by email after debugging
He says the full live build took under 10 minutes to publish, though one feature needed a fix before it worked correctly.
How to get started in Base44
The workflow Julian showed is very simple at the start. After opening Base44, you can either describe your project immediately or sign up first with Google or email.
Once inside, he used the microphone icon to speak his prompt rather than typing it manually. His prompt, paraphrased faithfully, asked Base44 to build a website for a YouTuber named Julian Weber who publishes tutorials about website creation, app creation, and marketing, with a simple one-page layout to introduce visitors and show his work.
Step 1: Start with a focused first prompt
A key lesson from the video is not to overstuff the first request. Julian explicitly recommends building step by step because very long prompts can confuse the AI and lead to errors or hallucinated output.
His first-pass workflow looked like this:
- Describe the site idea in plain language.
- Add supporting links, including the main YouTube channel and example videos.
- Upload a personal image.
- Keep the request limited to the homepage first.
- Send the prompt and let Base44 generate the initial site structure.
That approach matters because, in his experience, the first generation takes the longest. He explains that this initial prompt builds the underlying structure for the project, so later edits are faster.
What the first AI-generated homepage looked like
Base44 returned a homepage introducing him by name and topic, plus a section for recent tutorials and a button that linked out to his YouTube channel. Julian’s reaction was positive: he said it did exactly what he had asked, even if the first version felt a bit minimal.
That is a realistic expectation for this tool. The first draft can be usable, but you will usually improve it with follow-up prompts rather than expecting perfection from a single request.
Prompting tip that clearly worked in this test
Julian’s best practical advice was this: generate the homepage first, then add sections and pages later. That keeps the AI on track and reduces the chance you need to start over.
Free plan credits and limits
One of the most useful parts of the video is that Julian explains the credit system while the first prompt is running. If you are testing Base44 for free, these limits affect how quickly you can iterate.
| Plan detail mentioned in the video | What Julian said |
|---|---|
| Free signup | Available |
| Monthly message credits | 25 |
| Daily message allowance | 5 per day |
| Free integration credits | 100 |
| What message credits do | Used when you ask the AI to build or change something |
| What integration credits do | Used when visitors interact with app functionality |
Julian also says he upgraded on his first day because five AI messages per day felt restrictive for active testing. He does not give pricing in the video, so it is best to treat this article as a workflow guide rather than a pricing guide.
How to refine the homepage
After the first draft, Julian immediately improved the page with a second prompt. He asked Base44 to add a section after the hero area with social proof, specifically mentioning that he had over 5,600 subscribers, had uploaded 348 videos, and publishes new videos every week.
Base44 added that section in a few seconds, and Julian said the result looked professional and fit the existing design well. This is the clearest example in the tutorial of how Base44 handles iterative editing better than one giant prompt.
| What he asked Base44 to do | Result shown in the video | Takeaway |
|---|---|---|
| Build a one-page creator site from a spoken prompt | Homepage with intro text, image, tutorial section, and channel link | Good first draft from a simple prompt |
| Add a stats section after the hero | New section with subscriber count, video count, and posting frequency | Follow-up prompts can improve structure quickly |
| Add a contact page with form, hours, dummy details, and map | Contact page was created | Multi-page edits are possible from natural language |
| Connect the form to storage and email forwarding | Worked after one debugging cycle | Functional features may need testing and fixes |
How he added a contact page
Next, Julian asked Base44 to create a second page with several specific elements:
- a dummy phone number
- a dummy address
- dummy opening hours
- form fields for name, email, and message
- a send button
- a Google Maps section using New York Manhattan as placeholder data
- header navigation linking the homepage and contact page
- temporary logo text reading “Julianweber.com”
Base44 successfully generated the contact page. However, this part of the tutorial also shows an important limitation: Julian noticed the header had appeared and then disappeared, so the navigation update was not fully reliable on the first pass.
The contact page itself was there, though, and he was able to access it from the dropdown.
Turning a website into a working app
This is where Base44 separates itself from simpler AI site generators. Julian repeatedly points out that it is not just a website builder; it is also an app builder.
In the demo, the form fields initially existed only as interface elements. They were not connected to anything yet. To make them functional, Julian asked Base44 to:
- set up a database for contact submissions
- store incoming messages there
- forward each message to his email address
That is an important distinction. Base44 can generate the visual part quickly, but for business use you still need to test whether the underlying logic really works.
If you want a broader look at that app-building side, see this detailed Base44 Review 2026.
The debugging process matters
Julian then published the site and tested the contact form on the live version. On the first attempt, submitting the form returned an error.
This is one of the most valuable moments in the video because it shows a realistic AI workflow instead of pretending everything worked perfectly. Rather than rebuilding anything manually, he went back into Base44 and told the AI that the sending feature produced an error message. He also corrected the email address it should use.
After that fix, he republished the app, tested the form again, and confirmed that the email forwarding worked. He shows the email arriving in Gmail with the submitted name, email address, and message.
Practical lesson from this test
If something breaks, do not assume the whole project failed. In Julian’s workflow, the fastest fix was simply to tell Base44 what went wrong and let it debug the issue.
The “Discuss” feature and when to use it
Another useful part of the interface is the Discuss option. Julian describes it as a way to ask Base44 questions without telling it to change the project immediately.
That means you can use it more like a planning assistant when you want advice on:
- how to add functionality
- how to use a database
- what to build next
- how to integrate another service
For beginners, this can be helpful because it reduces the pressure to write a perfect prompt every time.
Publishing, domains, and mobile responsiveness
Once he was satisfied with the build, Julian published the site live. Base44 also lets you share the project before publishing, either by sending a link or inviting someone by email to review it.
On publish, Base44 provided a default subdomain. Julian notes that, like other website builders, you get a temporary domain first unless you connect your own.
He also says you can:
- connect a domain you already own
- buy a domain through Base44
- get a free domain for one year on the Builder plan
After publishing, he checked the site on mobile using browser developer tools and said it looked properly optimized. In this test, both the homepage and contact page adapted well to a smaller screen.
Integrations mentioned in the video
Julian also highlights integrations as a major strength. In the walkthrough, he mentions support for tools such as:
- Stripe
- Slack
- Gmail
- TikTok
- HubSpot
- Google Docs
- Google Sheets
He further says you can set up custom API calls, which reinforces the point that Base44 aims to go beyond brochure websites.
If you are comparing that broader functionality with a more traditional website-builder flow, read the Base44 vs Wix comparison. If you mainly want a more conventional site-building experience, this Wix AI website builder tutorial is a useful contrast.
What worked well in Julian’s test
Strengths
- Very fast first draft from a natural-language prompt
- Voice prompting made setup easy
- Uploading personal assets and links helped ground the output
- Iterative edits were fast once the project existed
- Contact page creation worked from a single request
- Mobile layout looked strong in the test
- Functional app features like database storage and email forwarding were possible
Limitations
- The free plan’s five daily message credits can slow iteration
- Long prompts can confuse the AI
- Navigation/header behavior was inconsistent at one stage
- Form handling did not work on the first live test
- You still need to test every important feature after publishing
Who Base44 is best for
Based on the workflow shown here, Base44 is a strong fit for:
- beginners who want to launch a site without coding
- creators building personal brand pages
- freelancers who need a quick portfolio and contact flow
- business owners who may later want forms, funnels, or app-like features
If all you need is a very standard page builder with a familiar editor, a traditional website builder may feel simpler. But if you like the idea of starting with a website and expanding into workflows, forms, or lightweight apps, Base44 is more compelling.
Final verdict
Base44 looked genuinely impressive in this tutorial because it handled both design and functionality from plain-English prompts. The strongest part of the test was not just that it generated a homepage quickly, but that Julian could add a second page, create a submission workflow, debug an error, and publish the result in one session.
My candid recommendation: if you want a fast AI website builder that can also grow into a more functional web app, Base44 is well worth testing. Just go in with realistic expectations: keep prompts focused, expect to iterate, and always test important features before you share the site publicly.
If that matches what you need, you can Try Base44 for free.
● FAQ