# Create Your First Web Page

Starting from **ONEWEB version 4.0.19.10 and later**, users can create an **Application only from AppSpace**.\
Once the Application is created, users can then create **Pages** inside the application. After a page is created, ONEWEB automatically redirects the user to **Page Designer** to design the page UI.

In this section, we will walk through creating a simple **Hello World Web Page**.

***

### Step 1: Create a New Application from AppSpace

1. Log in to **AppSpace**
2. Click **Create new app**

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FCu5mz1wvrn51wf8c2jaE%2Fimage.png?alt=media&#x26;token=19ab8941-b661-4cd0-8170-7452586b5cc7" alt=""><figcaption></figcaption></figure>

***

### Step 2: Choose Application Platform

When creating the application:

* Choose **Web Application**
* Enter the required application details

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FhhzWH6iPGPgV7xmIRYqL%2Fimage.png?alt=media&#x26;token=4ee662fe-baf9-45d2-bc40-cbb19aaaf35a" alt=""><figcaption></figcaption></figure>

Click **Create** to start application creation.

***

### Step 3: Wait for Application Creation

After clicking **Create**, the system displays the application creation progress.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2Flp2iGAojW2eNXperbQYI%2Fimage.png?alt=media&#x26;token=95b96e4a-aec9-40fa-8781-033363597e91" alt=""><figcaption></figcaption></figure>

When the status reaches **100%**, the application has been created successfully.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FqBirJDHzuDqSOFyhS6KB%2Fimage.png?alt=media&#x26;token=c25826c0-e636-4894-89c1-dbcc97f0b4be" alt=""><figcaption></figcaption></figure>

Click **Done** to close the status window.

***

### Step 4: Open the Application

1. Click the **Application icon** in AppSpace

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FQfTHH8HZ9c6JNAQU6TyP%2Fimage.png?alt=media&#x26;token=a7b92727-d7c1-40ac-aaad-9347b6ee5379" alt=""><figcaption></figcaption></figure>

The system redirects you to the **Components page** of the application.

***

### Step 5: Create a New Page

1. Click the **Create Pages** icon

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FrX2ZOVLhW9QCpdxDsNkO%2Fimage.png?alt=media&#x26;token=18ad6ede-f3ec-4a18-9c10-669f98e34f6e" alt=""><figcaption></figcaption></figure>

2. Enter page details (e.g. page name, type)
3. Click **Start Design**

Once the page is created, ONEWEB automatically redirects you to **Page Designer**.

***

### Step 6: Design Your Hello World Page

Inside **Page Designer**, you can now:

* Drag and drop UI components
* Add a Label component
* Set its text to **Hello World**

Your first Web Page is now ready.

***

### Design Perspective

As a **getting started workflow**:

* App creation always begins in **AppSpace**
* Page design is handled in **Page Designer**
* Web and Mobile applications follow the same high‑level flow
* Pages are the foundation for building UI experiences

This workflow ensures a clean separation between:

* Application management
* Page and UI design


---

# 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.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.
