Bolt.new

Describe the Page to Build

Clearly state the purpose of the page, the main content sections, and the desired actions from users.

Enter prompt: 'Create a summer promotional microsite, with a main banner, a description of the offer, and a registration form for receiving discount codes.'

Specify the desired framework (e.g., React) if the team is familiar with that technology for easier maintenance later.

Monitor the Agent Building and Testing

Observe Bolt automatically creating files, installing dependencies, and running the application directly in preview.

View the preview window on the right to check that the interface displays correctly as soon as the agent finishes.

You don't need to wait for the agent to finish 100% before checking; you can intervene early if you see it going in the wrong direction.

Request Direct Edits Through Chat

Refine content, images, or layout with follow-up requests.

Enter requests such as 'change the banner to an orange tone' or 'add a countdown timer at the top of the page.'

If there are display errors in the preview, paste the error message directly from the terminal into the chat for the agent to correct.

Check That the Registration Form Works Correctly

Test the data entry flow and submit the form to ensure data is processed correctly.

Fill in the form with sample data, check the confirmation message and where the data is stored (e.g., Google Sheets or email).

Request the agent to add basic validation (valid email, correct phone number format) before going live.

Connect Deployment Platform and Deploy

Put the microsite online with a suitable domain for the campaign.

Click Deploy in Bolt, select the target platform (such as Netlify), and confirm to receive the public link.

Use a dedicated subdomain for the campaign (e.g., khuyenmai.tenmien.com) to easily track separate traffic.