mirror of
https://github.com/hasura/graphql-engine.git
synced 2024-12-15 01:12:56 +03:00
docs: update cloud getting-started and project pages
PR-URL: https://github.com/hasura/graphql-engine-mono/pull/8582 Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> GitOrigin-RevId: bfd8f4fbdfea6e54da1a9a9335ff3d2efbe8f851
This commit is contained in:
parent
80ec1c0684
commit
0bfe558345
@ -30,9 +30,18 @@ Navigate to
|
|||||||
[cloud.hasura.io](https://cloud.hasura.io/signup/?pg=docs&plcmt=body&cta=navigate-to-cloud-hasura-io&tech=default), and
|
[cloud.hasura.io](https://cloud.hasura.io/signup/?pg=docs&plcmt=body&cta=navigate-to-cloud-hasura-io&tech=default), and
|
||||||
create a new Hasura Cloud account.
|
create a new Hasura Cloud account.
|
||||||
|
|
||||||
## Step 2: Create project {#cloud-connect-db}
|
## Step 2: Create a project
|
||||||
|
|
||||||
When getting started with Hasura Cloud, regardless of tier, you have the choice of either Amazon Web Services (AWS) or
|
On creating a new account, Hasura Cloud automatically creates an initial project for you.
|
||||||
|
|
||||||
|
Click `Launch Console` to open the Hasura Console in your browser.
|
||||||
|
|
||||||
|
<Thumbnail src="/img/getting-started/cloud-initial-project-launch-console.png" alt="Connect new or existing database" width="556px" />
|
||||||
|
|
||||||
|
If you already have an account, you can create a new project by clicking the `New Project` link on the
|
||||||
|
[Projects](https://cloud.hasura.io/projects) page.
|
||||||
|
|
||||||
|
Regardless of tier, you have the choice of either Amazon Web Services (AWS) or
|
||||||
Google Cloud Platform (GCP) as hosting providers.
|
Google Cloud Platform (GCP) as hosting providers.
|
||||||
|
|
||||||
<Thumbnail
|
<Thumbnail
|
||||||
@ -45,31 +54,38 @@ Make your selection and then click `Create Free Project`:
|
|||||||
|
|
||||||
<Thumbnail src="/img/getting-started/getting-started-cloud-create-project.png" alt="Create project" width="556px" />
|
<Thumbnail src="/img/getting-started/getting-started-cloud-create-project.png" alt="Create project" width="556px" />
|
||||||
|
|
||||||
Hasura Cloud creates an initial project. Click `Launch Console` to open the Hasura Console in your browser.
|
## Step 3: Connect a database {#cloud-connect-db}
|
||||||
|
|
||||||
<Thumbnail src="/img/getting-started/create-project.png" alt="Connect new or existing database" width="556px" />
|
Hit the `Launch console` button to open the Hasura Console and navigate to `Data -> Manage -> Connect Database`:
|
||||||
|
|
||||||
## Step 3: Connect new/existing database {#create-new-db-with-cloud}
|
|
||||||
|
|
||||||
On the Hasura Console, navigate to `Data -> Manage -> Connect Database`:
|
|
||||||
|
|
||||||
<Thumbnail src="/img/getting-started/connect-db-console.png" alt="Connect database" width="1000px" />
|
<Thumbnail src="/img/getting-started/connect-db-console.png" alt="Connect database" width="1000px" />
|
||||||
|
|
||||||
|
- To try out quickly with a new Postgres database, choose `Create New Database`.
|
||||||
- To use an existing database, choose `Connect existing database`.
|
- To use an existing database, choose `Connect existing database`.
|
||||||
- To try out with a new Postgres database, choose `Create Neon Database`.
|
|
||||||
|
|
||||||
<Thumbnail src="/img/getting-started/db-setup.png" alt="DB setup" width="1000px" />
|
<Thumbnail src="/img/getting-started/db-setup.png" alt="DB setup" width="1000px" />
|
||||||
|
|
||||||
### Step 3.1: Enter database connection URL (for existing database)
|
### Option 3.1: Create and connect a new database {#create-new-db-with-cloud}
|
||||||
|
|
||||||
If you chose `Connect existing database`, enter your database connection URL.
|
If you chose `Create New Database`:
|
||||||
|
|
||||||
Click `Connect Database`.
|
Click on `Connect Neon Database` to create and connect a new Postgres database to your Hasura Project.
|
||||||
|
|
||||||
<Thumbnail src="/img/getting-started/connect-db-cloud.png" alt="Enter URL for existing database" width="1000px" />
|
<Thumbnail src="/img/cloud-dbs/neon/connect_neon_database.png" alt="Connect Neon database" width="700px" />
|
||||||
|
|
||||||
Check out our [extensive list of databases](/databases/overview.mdx) that Hasura Cloud supports in order to get the
|
|
||||||
database connection URL and for other steps required to ensure connectivity from Hasura Cloud.
|
### Option 3.2: Connect an existing database
|
||||||
|
|
||||||
|
If you chose `Connect existing database`:
|
||||||
|
- Give the database a name, say `default`
|
||||||
|
- Choose the database type from the list of [supported databases](/databases/overview.mdx#supported-databases)
|
||||||
|
- Enter your database connection details
|
||||||
|
- Click `Connect Database`.
|
||||||
|
|
||||||
|
<Thumbnail src="/img/getting-started/connect-db-cloud.png" alt="Enter URL for existing database" width="700px" />
|
||||||
|
|
||||||
|
Check out [this section](databases/quickstart.mdx#cloud-projects-create-allow-nat-ip) for other steps
|
||||||
|
required to ensure connectivity to your database from Hasura Cloud if needed.
|
||||||
|
|
||||||
## Step 4: Try out Hasura
|
## Step 4: Try out Hasura
|
||||||
|
|
||||||
@ -106,13 +122,6 @@ You'll see that you get all the inserted data!
|
|||||||
|
|
||||||
<Thumbnail src="/img/getting-started/profile-query.png" alt="Try out a query" />
|
<Thumbnail src="/img/getting-started/profile-query.png" alt="Try out a query" />
|
||||||
|
|
||||||
### Check out monitoring
|
|
||||||
|
|
||||||
You can navigate to the `Monitoring` tab in the Console to check out the extra features for reliability and security
|
|
||||||
that Hasura Cloud has set up for you.
|
|
||||||
|
|
||||||
<Thumbnail src="/img/observability/monitoring-tab-overview.png" alt="Hasura Console: Monitoring tab" />
|
|
||||||
|
|
||||||
## Next steps
|
## Next steps
|
||||||
|
|
||||||
### Learn tutorial
|
### Learn tutorial
|
||||||
|
@ -25,15 +25,14 @@ IP address. For a list of supported databases and features [see here](/databases
|
|||||||
|
|
||||||
## Project setup
|
## Project setup
|
||||||
|
|
||||||
You can quickly and easily create a new Hasura Cloud Project. To begin, navigate to the
|
Navigate to the [Projects](https://cloud.hasura.io/projects) page on Hasura Cloud and click the `New Project` link.
|
||||||
[Projects](https://cloud.hasura.io/projects) page on Hasura Cloud and click the "New Project" link.
|
|
||||||
|
|
||||||
This opens a form on the right where you can create your new project.
|
This opens a form on the right where you can create your new project.
|
||||||
|
|
||||||
Choose a pricing plan and select a region for your project.
|
Choose a pricing plan and select a region for your project.
|
||||||
|
|
||||||
<Thumbnail
|
<Thumbnail
|
||||||
src="/img/projects/create-project_console_2.12.png"
|
src="/img/projects/create-project.png"
|
||||||
alt="Create new project in Hasura Console"
|
alt="Create new project in Hasura Console"
|
||||||
width="900px"
|
width="900px"
|
||||||
/>
|
/>
|
||||||
|
@ -24,16 +24,21 @@ The `Projects` page shows a list of your projects.
|
|||||||
|
|
||||||
<Thumbnail src="/img/projects/projects-list.png" alt="Projects list" width="1200px" />
|
<Thumbnail src="/img/projects/projects-list.png" alt="Projects list" width="1200px" />
|
||||||
|
|
||||||
|
## Basic project actions
|
||||||
|
|
||||||
For each project, you can do the one of the following actions:
|
For each project, you can do the one of the following actions:
|
||||||
|
|
||||||
<Thumbnail src="/img/projects/project-actions.png" alt="Project actions" width="860px" />
|
<Thumbnail src="/img/projects/project-actions.png" alt="Project actions" width="860px" />
|
||||||
|
|
||||||
- Click `Launch Console` to open the Hasura Console in your browser. The `Monitoring` tab lets you use the Pro features
|
### Open project console
|
||||||
that Hasura Cloud has set up for you.
|
|
||||||
|
|
||||||
<Thumbnail src="/img/observability/monitoring-tab-overview.png" alt="Hasura Console: Monitoring tab" width="900px" />
|
Click `Launch Console` to open the project's Hasura Console in your browser.
|
||||||
|
|
||||||
- Click the gear icon to manage your project
|
<Thumbnail src="/img/cloud-dbs/hasura-console.png" alt="Project console" width="860px" />
|
||||||
|
|
||||||
|
### Manage project settings
|
||||||
|
|
||||||
|
Click the gear icon to manage your project settings.
|
||||||
|
|
||||||
<Thumbnail src="/img/projects/project-details.png" alt="General tab" width="900px" />
|
<Thumbnail src="/img/projects/project-details.png" alt="General tab" width="900px" />
|
||||||
|
|
||||||
|
BIN
docs/static/img/cloud-dbs/hasura-console.png
vendored
BIN
docs/static/img/cloud-dbs/hasura-console.png
vendored
Binary file not shown.
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 76 KiB |
BIN
docs/static/img/getting-started/cloud-initial-project-launch-console.png
vendored
Normal file
BIN
docs/static/img/getting-started/cloud-initial-project-launch-console.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 23 KiB |
BIN
docs/static/img/projects/create-project.png
vendored
Normal file
BIN
docs/static/img/projects/create-project.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 104 KiB |
Loading…
Reference in New Issue
Block a user