Testing on Domain

Testing Development Project on Real-World Website

This guide provides instructions on how to test your development project on a live website (e.g., https://bigmart.me/). This process allows you to see how the project performs in a real-world environment.

Prerequisites

  • Ensure you have yarn installed on your development machine.

  • Your project should be properly configured to run on a development server.

Steps to Test on Live Website

  1. Start the Development Server:

    • Open your terminal.

    • Navigate to your project directory.

    • Run the command yarn serve.

    • This will start the development server, typically at localhost:8080.

  2. Access Your Live Website:

  3. Open Development Sidebar:

    • Press Ctrl + D on your keyboard. This will open the development sidebar on your website.

  4. Configure Development Server:

    • In the sidebar, click on the Settings button located in the top right corner.

    • A settings panel will open.

  5. Enter Development Server Details:

    • Find the input labeled Dev Server.

    • Enter your local development server's URL, for example, localhost:8080.

    • Click the Save button to apply the changes.

  6. Test Your Project:

    • Your live website will now interact with your local development server.

    • Test the functionalities and features as required.

Important Notes

  • Ensure that your local development server is running whenever you are testing on the live website.

  • Changes made on your local development server will be reflected on the live website during this testing phase.

Troubleshooting

If you encounter issues, verify that:

  • The development server URL is correctly entered.

  • Your local server is running and accessible.

  • Network configurations allow for communication between the live site and your local server.


Happy Testing!

Last updated