Open and restart your local preview

Let’s do this

1. 1
   In your browser

   Open the exact address the AI gives you

   Copy the full address into Safari or Chrome’s address bar, then press Return. Vite often uses http://localhost:5173, but the port number can change. Use the printed address, not a guessed one. Do not double-click a source file in Finder to open the app.

2. 2
   In your browser

   Try the first action

   Add a sample plant or click the contact link. Say what you expected and what happened. A preview proves the files run locally, but it does not prove every feature works.

3. 3
   In your AI helper

   Make one visible edit

   Ask the AI to change a heading to your own wording. Save the change if your tool requires it. The preview usually updates while the development server is running. Refresh once if you do not see it.

4. 4
   In your AI helper

   Restart next time

   Reopen the same project folder and ask the AI to run its development command again. In a basic Vite project this is npm run dev. If using Terminal yourself, run it in the folder with package.json. Control + C stops that running command.

   npm run dev

5. 5
   In your browser

   Keep local and live addresses separate

   localhost means this device. Sending that link to someone else will not share your Mac’s site. Use the Cloudflare address after the publishing lesson to try it on a real phone or share it.