|
1 | 1 | --- |
2 | 2 | title: "Deploy" |
| 3 | +sidebarTitle: "Deploy your App" |
3 | 4 | description: "Deploy your Apps to production with Hypermode" |
4 | 5 | "og:title": "Deploy - Apps" |
5 | 6 | --- |
6 | 7 |
|
7 | 8 | Once you've developed and tested your App locally, you're ready to deploy it to |
8 | | -production on Hypermode. This guide walks you through creating an app in the |
9 | | -Hypermode console and deploying your Modus code. |
| 9 | +production on Hypermode. This guide walks you through setting up automatic |
| 10 | +deployment for your Modus app. |
10 | 11 |
|
11 | 12 | ## Prerequisites |
12 | 13 |
|
13 | 14 | Before deploying, ensure you have: |
14 | 15 |
|
15 | 16 | - A completed Modus app (see the [Develop guide](/apps/develop) for setup) |
16 | 17 | - A GitHub account and repository |
| 18 | +- Your app configured in the Hypermode console (see the |
| 19 | + [Create Your App guide](/apps/create)) |
17 | 20 |
|
18 | | -## Step 1: Create your workspace |
19 | | - |
20 | | -> **Note:** The `hyp link` command is currently turned off during migration. |
21 | | -> Manual configuration through the Hypermode console is required. |
22 | | -
|
23 | | -First, go to [hypermode.com](https://hypermode.com) and create your workspace. |
24 | | - |
25 | | -<img |
26 | | - src="/images/apps/workspace-creation.png" |
27 | | - alt="Create workspace interface showing workspace name input field" |
28 | | -/> |
29 | | - |
30 | | -Enter a name for your workspace and click `Create workspace`. Workspaces are |
31 | | -where you and your team manage apps in Hypermode. |
32 | | - |
33 | | -## Step 2: Create a New App |
34 | | - |
35 | | -> **Note:** The `hyp link` command is currently turned during migration. Manual |
36 | | -> configuration through the Hypermode console is required. |
37 | | -
|
38 | | -From the dashboard, click 'Apps' |
39 | | - |
40 | | -<img |
41 | | - src="/images/apps/workspace-landing.png" |
42 | | - alt="Hypermode dashboard showing Apps option" |
43 | | -/> |
44 | | - |
45 | | -Click "Import your Modus app" to start creating your app. |
46 | | - |
47 | | -## Step 3: Configure Your App |
48 | | - |
49 | | -Fill in the app configuration details: |
50 | | - |
51 | | -<img |
52 | | - src="/images/apps/app-create.png" |
53 | | - alt="Import Modus app configuration form with app name, GitHub repository, and location fields" |
54 | | -/> |
55 | | - |
56 | | -Configure your app settings: |
57 | | - |
58 | | -- **Modus app name**: Enter your app name, for example `my-modus-app` |
59 | | -- **GitHub Repository**: Select your existing repository from the dropdown |
60 | | -- **Modus app location**: Choose your deployment region |
61 | | - |
62 | | -If you don't have a repository yet, you can create one first. |
63 | | - |
64 | | -## Step 4: Create your GitHub repository |
65 | | - |
66 | | -If you need to create a new repository: |
67 | | - |
68 | | -<img |
69 | | - src="/images/apps/github-create.png" |
70 | | - alt="GitHub repository creation interface with repository name field" |
71 | | -/> |
72 | | - |
73 | | -Fill in your repository details: |
74 | | - |
75 | | -- Choose the repository owner (your organization or personal account) |
76 | | -- Enter a memorable repository name for example `my-modus-app` |
77 | | -- Add an optional description |
78 | | - |
79 | | -Then return to the app configuration and select your newly created repository. |
80 | | - |
81 | | -## Step 5: View your App configuration |
82 | | - |
83 | | -Once your app is created, you'll see your app's configuration: |
84 | | - |
85 | | -Once your app is created, you'll see your app's configuration: |
86 | | - |
87 | | -<img |
88 | | - src="/images/apps/console-app.png" |
89 | | - alt="App details panel showing endpoint, GitHub repository, and API key information" |
90 | | -/> |
91 | | - |
92 | | -Your app is now configured with: |
93 | | - |
94 | | -- **Endpoint**: Your production GraphQL endpoint |
95 | | -- **GitHub repository**: Connected repository for deployments |
96 | | -- **API key**: Authentication key for your app |
97 | | - |
98 | | -## Deployment options |
99 | | - |
100 | | -You have one primary way to deploy your app to Hypermode: |
101 | | - |
102 | | -### Automatic deployment via GitHub Actions |
| 21 | +## Automatic deployment via GitHub Actions |
103 | 22 |
|
104 | 23 | Add a GitHub Actions workflow to your repository for automatic deployments. |
105 | 24 |
|
|
0 commit comments