Skip to content

Commit 9664991

Browse files
authored
Add Tabs and SVG (#573)
## Summary Update Devbox Cloud Docs Page to be a little more quickstart-ish * Add SVG * Add tabbed Quickstart ## How was it tested? Localhost + https://devbox-web-john-lago-jetpack-io.cloud.jetpack.dev/devbox/docs/devbox_cloud
1 parent e1c1281 commit 9664991

File tree

3 files changed

+67
-18
lines changed

3 files changed

+67
-18
lines changed

docs/app/docs/devbox_cloud/index.md

Lines changed: 0 additions & 18 deletions
This file was deleted.
Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
---
2+
title: Devbox Cloud Open Beta
3+
---
4+
import Tabs from '@theme/Tabs'
5+
import TabItem from '@theme/TabItem';
6+
7+
Devbox Cloud is a new way to create and run your Devbox Project in an isolated cloud environment. Devbox Cloud lets you quickly spin up an on-demand Linux Edge VM with your Devbox dependencies and shell, using either a local project or your browser.
8+
9+
:::info
10+
Devbox Cloud is currently available in Open Beta, and is under active development. Please see the information in our **[FAQ](beta_faq.md)** for more details.
11+
12+
To sign up for Early Access to future releases, fill out our **[Early Access List](https://jetpack-io.typeform.com/devbox-cloud)**
13+
:::
14+
15+
<figure className="text--center">
16+
17+
![Devbox Cloud](../../static/img/cloud.svg)
18+
<figcaption> Launching a Cloud Shell from the Devbox CLI </figcaption>
19+
</figure>
20+
21+
## Quickstart
22+
23+
<Tabs>
24+
<TabItem value='md' label='Launch a Cloud Shell from your Browser'>
25+
26+
Click the button below to launch a Devbox Cloud Shell with our quickstart.
27+
28+
[![Open in Devbox.sh](https://jetpack.io/img/devbox/open-in-devbox.svg)](https://devbox.sh/github.com/jetpack-io/devbox-examples?folder=tutorial)
29+
30+
You can also open any Github Repo in Devbox Cloud by prefixing `https://devbox.sh/` to the repo URL.
31+
32+
For example, open the Devbox repo with:
33+
https://devbox.sh/github.com/jetpack-io/devbox
34+
35+
Read more in our **[Browser Quickstart](browser_getting_started.md)**
36+
37+
</TabItem>
38+
<TabItem value='html' label='Launch a Cloud Shell from the Devbox CLI'>
39+
40+
You can open any Devbox project that you have on your local machine in Devbox Cloud using the **[Devbox CLI](../installing_devbox.md)**.
41+
42+
43+
To get started, you'll need:
44+
45+
* A Github Account with a linked SSH key
46+
* [Devbox 0.3.0](../installing_devbox.md) or higher
47+
* A Devbox project on your local machine. Check out [Devbox Examples](https://github.com/jetpack-io/devbox-examples) for some example projects
48+
49+
From there, you can launch your Cloud Shell:
50+
* Navigate to a folder with a `devbox.json`, or create one with `devbox init`.
51+
* Run `devbox cloud shell`
52+
* This will create your VM, install your packages, start an SSH session, and sync your local project files to the cloud. You can now edit your files locally, and use your packages in the Cloud Shell session
53+
54+
Read more in our **[CLI Quickstart](getting_started.md)**.
55+
56+
</TabItem>
57+
</Tabs>
58+
59+
## More Info
60+
61+
Devbox Cloud's Open Beta is available for free to any developer using Devbox 0.2.3 or higher.
62+
* To get started with Devbox Cloud from your terminal, visit our **[Quickstart](getting_started.md)**.
63+
* To learn how to use Devbox Cloud from your browser, visit our **[Browser Quickstart](browser_getting_started.md)**.
64+
* To learn more about the Open Beta, visit our **[FAQ](beta_faq.md)**.
65+
* If you're interested in Early Access to future versions of Devbox Cloud, join our **[Early Access List](https://jetpack-io.typeform.com/devbox-cloud)**.
66+

docs/app/static/img/cloud.svg

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)