Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Generating the App with AI | First Working App
Web App from Scratch with Claude

bookGenerating the App with AI

Swipe to show menu

The plan is approved. Now Claude Code is going to build. You will watch Claude Code go from a blank folder to a working project structure in one session. It will create files, install packages, and set up everything it needs to run your app.

What to expect

Claude Code will ask for permission to run commands. This is normal. These are small technical instructions it needs to execute in order to build the project. You do not need to understand what each one does.

Two settings to turn on

When prompted, select Always Allow for commands. This lets Claude run without stopping to ask permission every few seconds. Also turn on Auto Accept Edits. This lets Claude make code changes without pausing for your approval on each one. Both settings give Claude the flow it needs to build properly.

Note
Note

Your responses will look different to the ones in the video. That is completely normal. Claude does not give the same output twice. What matters is understanding what it is asking and following the same approach.

Token usage

Claude Code uses credits from your Anthropic account. You should get through this project without needing to upgrade, but if you see a prompt asking you to, you can either upgrade or wait a few hours for your limit to reset.

Once Claude finishes generating the project you will have a full folder of files ready to explore. That is exactly what we do in the next chapter.

question mark

Which two settings should you enable to let Claude build the project smoothly?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 3. Chapter 2

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Section 3. Chapter 2
some-alt