Skip to content

Add VerticalStepper component to docs with custom syntax #3727

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
May 6, 2025
Merged

Add VerticalStepper component to docs with custom syntax #3727

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
1f0800c
Restructure quick-start with stepper
Blargian Apr 23, 2025
32d5aa9
Add VerticalStepper component with custom markdown syntax
Blargian Apr 25, 2025
58d281f
Working - display all
Blargian Apr 25, 2025
c785aec
display on scroll working
Blargian Apr 26, 2025
4434b9d
Anchors visible but link checker still failing
Blargian Apr 28, 2025
e2edb7f
Final version - working
Blargian May 4, 2025
de07256
small fixes
Blargian May 4, 2025
7574b9b
code cleanup and add stepper to advanced tutorial
Blargian May 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 8 additions & 6 deletions docs/cloud/get-started/cloud-quick-start.md → docs/cloud/get-started/cloud-quick-start.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,9 @@ import SQLConsoleDetail from '@site/docs/_snippets/_launch_sql_console.md';
The quickest and easiest way to get up and running with ClickHouse is to create a new
service in [ClickHouse Cloud](https://console.clickhouse.cloud).

## 1. Create a ClickHouse service {#1-create-a-clickhouse-service}
<VerticalStepper type="numbered">

## Create a ClickHouse service {#1-create-a-clickhouse-service}

To create a free ClickHouse service in [ClickHouse Cloud](https://console.clickhouse.cloud), you just need to sign up by completing the following steps:

Expand Down Expand Up @@ -67,22 +69,20 @@ Users can customize the service resources if required, specifying a minimum and

Congratulations! Your ClickHouse Cloud service is up and running and onboarding is complete. Keep reading for details on how to start ingesting and querying your data.

## 2. Connect to ClickHouse {#2-connect-to-clickhouse}
## Connect to ClickHouse {#2-connect-to-clickhouse}
There are 2 ways to connect to ClickHouse:
- Connect using our web-based SQL console
- Connect with your app

<br/>
### Connect using SQL console {#connect-using-sql-console}

For getting started quickly, ClickHouse provides a web-based SQL console to which you will be redirected on completing onboarding.

<Image img={createservice8} size="md" alt='SQL Console' border/>
<br/>


Create a query tab and enter a simple query to verify that your connection is working:

<br/>
```sql
SHOW databases
```
Expand All @@ -104,7 +104,7 @@ Press the connect button from the navigation menu. A modal will open offering th

If you can't see your language client, you may want to check our list of [Integrations](/integrations).

## 3. Add data {#3-add-data}
## Add data {#3-add-data}

ClickHouse is better with data! There are multiple ways to add data and most of them are available on the Data Sources page, which can be accessed in the navigation menu.

Expand Down Expand Up @@ -322,6 +322,8 @@ Suppose we have the following text in a CSV file named `data.csv`:
<Image img={new_rows_from_csv} size="md" alt='New rows from CSV file' />
<br/>

</VerticalStepper>

## What's Next? {#whats-next}

- The [Tutorial](/tutorial.md) has you insert 2 million rows into a table and write some analytical queries
Expand Down
Loading
Loading