- What a landing page needs to convert visitors into customers.
- Create one with Claude Code by describing it in plain language.
- Prepare it for publication (next chapter).
Key concepts
Step by step
cd ~/proyectos-ia mkdir mi-landing cd mi-landing claude
Run on your computer
npm install npm run dev
Open the local address and review the page. Shrink the browser window to check that it looks good on small screens.
If something goes wrong
- The form doesn't send — a local landing page doesn't send emails on its own; in the publishing chapter we'll connect a free form service.
- It looks bad on mobile — ask Claude Code to "improve the responsive design" of the specific section.
Practice challenge
Create two versions of the headline and ask Claude Code to prepare the website to test which one works better (a simple A/B test). Learning what convinces your visitors is gold.