mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-22 14:07:26 +00:00
31 lines
1.3 KiB
Markdown
31 lines
1.3 KiB
Markdown
|
---
|
||
|
|
id: creating-app
|
||
|
|
title: Creating new app
|
||
|
|
---
|
||
|
|
|
||
|
|
# Creating new app
|
||
|
|
|
||
|
|
:::info
|
||
|
|
Apps in ToolJet binds the widgets, data sources and queries together.
|
||
|
|
:::
|
||
|
|
|
||
|
|
This tutorial will walk you through building a simple app to fetch customer information from a PostgreSQL database and display the data using the table widget.
|
||
|
|
To create a new ToolJet app, click on the **'Create new application'** button on the ToolJet dashboard.
|
||
|
|
|
||
|
|
|
||
|
|
<img className="screenshot-full" src="/img/tutorial/creating-new-app/dashboard.png" alt="dashboard create new app" />
|
||
|
|
|
||
|
|
|
||
|
|
You will be redirected to the visual app editor once the app has been created. Create the first version of your app to start building. The name of the app can be changed by clicking on the app name at top-left of the app builder.
|
||
|
|
|
||
|
|
<div style={{textAlign: 'center'}}>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
The main components of an app:
|
||
|
|
|
||
|
|
- **[Widgets](https://docs.tooljet.com/docs/tutorial/adding-widget)** - UI components such as tables, buttons, dropdowns.
|
||
|
|
- **[Data sources](https://docs.tooljet.com/docs/tutorial/adding-a-datasource)** - ToolJet can connect to databases, APIs and external services to fetch and modify data.
|
||
|
|
- **[Queries](https://docs.tooljet.com/docs/tutorial/building-queries)** - Queries are used to access the connected data sources.
|