Back to Learn

Testing Your Website

Part of Create a Simple Website

Quick Summary

Before you share your website with others, take a few minutes to test it. Simple checks can catch issues early and save you trouble later.

You do not need special tools. Just open your site in the browser and click through it like a visitor would.

Test the main pages

Open each page of your website. Check that the homepage, about page, projects page, and contact page all load correctly.

Look for broken links, missing images, or text that does not look right. Fix anything that seems off before you deploy.

Test important actions

If your site has forms—like a contact form connected to Supabase—fill them out and submit. Make sure the data is saved correctly.

Check your Supabase dashboard to confirm the submission appears. If it does not, something in the connection needs to be fixed.

Test on different screen sizes

People visit websites on phones, tablets, and desktops. Resize your browser window or use your phone to see how your site looks on smaller screens.

Make sure text is readable, buttons are easy to tap, and nothing is cut off or overlapping.

Check browser console errors

Right-click on your page and select "Inspect" or "Inspect Element." Open the "Console" tab. If you see red error messages, something is wrong.

You do not need to understand every message. Copy or screenshot the error and ask Cursor to help fix it.

Simple testing workflow

Build feature
Test it locally
Fix issues
Test again
Deploy

Build something, test it on your machine, fix any problems, test again, and only then deploy. This keeps your live site stable.

Tip: test small changes often

Do not wait until you have built everything to test. After each small change, run your site and check that it still works.

Testing often makes it easier to find and fix issues. If something breaks, you know it was likely the last thing you changed.