# Generate the App

### Connect your Data Source

After creating a project, you'll be prompted to start with the Blank app or your Data. Select your chosen Data Source, fill in the credentials, and finish the process.

1. Click on the `Data Source` icon
2. Click on the `Add Resource` icon
3. Choose **Airtable**

{% @arcade/embed flowId="JP2Q7Vs9Of2LQ4rYdTey" url="<https://app.arcade.software/share/JP2Q7Vs9Of2LQ4rYdTey>" %}

### Choose the Page

You can **navigate through** pages and **create new** ones in the top left tab. Now,  let's pick another page:

1. Click on the Pages icon
2. Choose and Navigate to the Page

{% @arcade/embed flowId="b2ownQCQUDzU1CFsdcNx" url="<https://app.arcade.software/share/b2ownQCQUDzU1CFsdcNx>" %}

{% hint style="info" %}
When you connect a Database, Jet Admin automatically **generates an app** based on the pages you selected in the previous step
{% endhint %}

Now let's **test** how it works by&#x20;

1. Clicking on the `Table` to select it
2. Clicking on a `Row` to drill down to the record view

![](https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LQ08RFAKZvFADEiXKFy%2F-Mj-RfSLs9dEAC_NRUL8%2F-Mj-Td2lG6dOI_ywDYUJ%2FQuickstart-portal3.gif?alt=media\&token=c0de7058-cabe-4e20-8bf3-31878fa7c22b)

Next, let's set up **the Layout**:

{% content-ref url="set-the-layout" %}
[set-the-layout](https://docs.jetadmin.io/getting-started/creating-a-customer-portal/set-the-layout)
{% endcontent-ref %}