Develop on Live Website

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:

   • Open your web browser.
   • Go to your live website, for example, https://bigmart.me/.

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!