# Preview Web Page

Once you finish designing your web page in **Page Designer**, the next step is to **build and deploy the page** so that it can be accessed through a URL.\
ONEWEB provides the **Build & Download** feature to generate deployable web files for preview and production use.

***

### Step 1: Build the Web Application

1. Open your application menu
2. Click **Build & Download**

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FfQlixyS4ORNj44oTZQ5Q%2Fimage.png?alt=media&#x26;token=1472581a-8cb5-45d3-8e93-92ac4593bd0b" alt=""><figcaption></figcaption></figure>

When clicked, ONEWEB starts building all pages inside the application.

***

### Step 2: Wait for Build Completion

* The build process may take a few moments
* Once completed successfully, a **“Build succeed”** message is displayed
* The system automatically exports the build output as a **ZIP file**
* The ZIP file is downloaded to your local machine

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2Fc0FTAzPL59e5ztS0X7fi%2Fimage.png?alt=media&#x26;token=5760f0fe-43db-4c0a-ab8a-52c330c86373" alt=""><figcaption></figcaption></figure>

At this point, your web page is ready for preview or deployment.

***

### Step 3: Preview the Web Page via URL

If your application server is already running, you can preview the web page directly through a browser using the following URL format:

```
http://<Application-Server-IP>/<ApplicationCode>
```

#### Example:

If your application code is **DemoApplication**, the preview URL would be:

```
http://<server-ip>/DemoApplication
```

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FbrdSoWJByZc2xJWMuiqD%2Fimage.png?alt=media&#x26;token=fe41f5b9-c0f0-4c68-afe5-518901f50d9f" alt=""><figcaption></figcaption></figure>

Your **Hello World web page** should now be visible in the browser.

***

### Step 4: Deploy the Web Page to a Real Environment

To deploy the web page for actual users:

1. Extract the downloaded **ZIP file**
2. Copy the extracted files to a web server such as:
   * Apache HTTP Server
   * IBM HTTP Server
   * Any compatible web hosting server
3. Map a **domain name** or **context path** to the application folder

After deployment, users can access the web page via the configured domain URL, for example:

```
https://www.yourdomain.com
```

***

### Design Perspective

As part of **Page Designer deployment best practices**:

* Use **Build & Download** frequently during development to verify output
* Preview locally or on test servers before production deployment
* Keep application code and build output versioned
* Use different domains or servers for **DEV / UAT / PROD**
* Combine with **Environment Variables** for environment‑specific URLs


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.onewebstack.com/oneweb-platform-th/building-apps/ui-page-designer/ux-ui-components/pages/create-your-first-web-page/preview-web-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.