|
| 1 | +--- |
| 2 | +title: Quickstart |
| 3 | +sidebar_position: 1 |
| 4 | +hide_title: false |
| 5 | +--- |
1 | 6 |
|
| 7 | +Jetify Devspace let you spin up reproducible cloud development environments in your browser in seconds. Jetify Devspace is powered by [Devbox](/devbox/docs), so you can run your environment on any machine. You can launch any |
| 8 | + |
| 9 | +Let's launch our first Dev Environment in Jetify Devspace. |
| 10 | + |
| 11 | +## Step 1: Launch Jetify Devspace from Github |
| 12 | + |
| 13 | +You can launch any Github Repo in a Jetify Sandbox by prepend the repo URL with: |
| 14 | + |
| 15 | +```bash |
| 16 | +https://cloud.jetify.com/new/ |
| 17 | +``` |
| 18 | + |
| 19 | +For example, to launch the [Devbox repo](https://github.com/jetify-com/devbox), open the following URL in your browser |
| 20 | + |
| 21 | + [https://cloud.jetify.com/new/github.com/jetify-com/devbox](https://cloud.jetify.com/new/github.com/jetify-com/devbox) |
| 22 | + |
| 23 | +:::tip |
| 24 | + If you need some inspiration, you can also launch one of our [templates](/devbox/docs/devbox_examples) projects to get started |
| 25 | +::: |
| 26 | + |
| 27 | +You can also launch a new Devspace by navigating to your [Dashboard](https://cloud.jetify.com/dashboard) and clicking on the `New Devspace` button. |
| 28 | + |
| 29 | +## Step 2: Customize your Environment with Devbox |
| 30 | + |
| 31 | +You can customize your Jetify Devspace with over 100,000 Nix packages in seconds using Devbox. |
| 32 | + |
| 33 | +If your project doesn't already have a devbox.json, you can initialize one with: |
| 34 | + |
| 35 | +```bash |
| 36 | +devbox init |
| 37 | +``` |
| 38 | + |
| 39 | +Once initialized, you can install your packages using: |
| 40 | + |
| 41 | +```bash |
| 42 | +devbox add <package>@<version> |
| 43 | +``` |
| 44 | + |
| 45 | +For example, to install `python 3.11`, you can run: |
| 46 | + |
| 47 | +```bash |
| 48 | + |
| 49 | +``` |
| 50 | + |
| 51 | +You can find packages to install using `devbox search <package>`, or by searching in your browser with [Nixhub](https://www.nixhub.io) |
| 52 | + |
| 53 | +Packages you install will be added to your `devbox.json` file. You can also use this `devbox.json` file configure your environment with [scripts](/devbox/docs/guides/scripts), [services](/devbox/docs/guides/services), and more |
| 54 | + |
| 55 | +For further reading on how to install packages with Devbox, see: |
| 56 | + |
| 57 | +* [Devbox Quickstart](/devbox/docs/quickstart) |
| 58 | +* [Devbox CLI Reference](/devbox/docs/cli_reference/devbox) |
| 59 | + |
| 60 | +## Step 3: Save your Dev Environment with `devbox.json` |
| 61 | + |
| 62 | +Once you've customized your environment, you can save your Dev Environment config to source control by checking in your `devbox.json` and `devbox.lock` files. These files can be used to recreate your environment on Jetify Devspace, or on any other machine that has devbox installed. |
| 63 | + |
| 64 | +You can also use this file to configure initialization hooks, scripts, services, and environment variables for your project. For further reading, see: |
| 65 | + |
| 66 | +* [Devbox Configuration Reference](/devbox/docs/configuration) |
| 67 | +* [Devbox Script](/devbox/docs/guides/scripts) |
| 68 | +* [Devbox Services](/devbox/docs/guides/services) |
0 commit comments