Skip to content

Commit 92bf1af

Browse files
Nicuschgifthubnicosammito
authored andcommitted
added: Settings up project, ide, first personal project
1 parent 6131be5 commit 92bf1af

18 files changed

Lines changed: 191 additions & 176 deletions

content/general/tutorials/quick_first_flow.mdx

Lines changed: 0 additions & 176 deletions
This file was deleted.
Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
title: Quick - Personal Project
3+
icon: IconBook2
4+
---
5+
6+
import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
7+
import { Callout } from 'fumadocs-ui/components/callout';
8+
import { Step, Steps } from 'fumadocs-ui/components/steps';
9+
import { Cards, Card } from 'fumadocs-ui/components/card';
10+
11+
<Steps>
12+
<Step>
13+
14+
Now that you have created a runtime we can add it to and Projects, since we currenlty have no projects lets create one first.
15+
For that navigate back to your home screen by clicking on `Home`
16+
17+
![CodeZero](../../../public/tutorials/quick-first-personal-project/CodeZero_Menu_RuntimePersonalGoToHome.png)
18+
19+
From there press `Create` under `Personal projects`
20+
![CodeZero](../../../public/tutorials/quick-first-personal-project/CodeZero_PersonalProject_CreateNew.png)
21+
22+
Enter a `Name` and `Description` then click `Create project`
23+
24+
![CodeZero](../../../public/tutorials/quick-first-personal-project/CodeZero_PersonalProject_CreateNewProject.png)
25+
26+
27+
28+
</Step>
29+
</Steps>
Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
---
2+
title: Quick - IDE Login
3+
icon: IconBook2
4+
---
5+
6+
import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
7+
import { Callout } from 'fumadocs-ui/components/callout';
8+
import { Step, Steps } from 'fumadocs-ui/components/steps';
9+
import { Cards, Card } from 'fumadocs-ui/components/card';
10+
11+
Welcome to the **Quick Tutorials**! In this guide, we’ll walk through all steps from your current installtion to your first flow.
12+
13+
<Callout type="info">
14+
**Prerequisite:** Ensure you have completed the steps from the [Installation Process](/general/install) before proceeding.
15+
</Callout>
16+
17+
<Steps>
18+
<Step>
19+
20+
To access the IDE, you need to visit the URL defined in your `.env` file. Open your environment configuration to verify the `HOSTNAME` and `PORT`:
21+
22+
```bash title=".env"
23+
# IDE config
24+
# [!code highlight:3]
25+
HOSTNAME=localhost
26+
HTTP_PORT=80
27+
HTTPS_PORT=443
28+
SSL_ENABLED=false
29+
SSL_CERT_FILE= # must be located in ./certs, defaults to "<hostname>.pem"
30+
SSL_KEY_FILE= # must be located in ./certs, defaults to "<hostname>.key"
31+
32+
INITIAL_ROOT_PASSWORD=myWebPassword
33+
INITIAL_ROOT_MAIL=tutorials@code0.tech
34+
INITIAL_RUNTIME_TOKEN= # can be used to create a global runtime with given token
35+
36+
# Runtime config
37+
AQUILA_SAGITTARIUS_URL=http://nginx:80
38+
AQUILA_SAGITTARIUS_TOKEN=
39+
DRACO_REST_PORT=8084
40+
...
41+
```
42+
43+
<Tabs items={['Local Access', 'Remote Access']}>
44+
<Tab value="Local Access">
45+
### Local Machine
46+
If you are running the ide in docker on your current computer, use the loopback address.
47+
48+
```text
49+
http://localhost
50+
```
51+
52+
<Callout type="info">
53+
This only works if the browser and the docker container are on the same device.
54+
</Callout>
55+
</Tab>
56+
57+
<Tab value="Remote Access">
58+
### Remote Server
59+
If you are accessing a server on your local network, use the its IP address.
60+
61+
```text
62+
http://192.168.2.105
63+
```
64+
65+
**Instructions:**
66+
1. Find your server IP (PS: On linux headless type `ip addr` copy that address).
67+
2. Replace `192.168.2.105` with your actual IP.
68+
3. Ensure port `80` is open in your firewall settings.
69+
</Tab>
70+
</Tabs>
71+
72+
Once you have opened the correct URL in your browser, the login screen will appear. Enter the credentials you defined in your .env file.
73+
74+
```bash title=".env"
75+
# IDE config
76+
HOSTNAME=localhost
77+
HTTP_PORT=80
78+
HTTPS_PORT=443
79+
SSL_ENABLED=false
80+
SSL_CERT_FILE= # must be located in ./certs, defaults to "<hostname>.pem"
81+
SSL_KEY_FILE= # must be located in ./certs, defaults to "<hostname>.key"
82+
83+
# [!code highlight:2]
84+
INITIAL_ROOT_PASSWORD=myWebPassword
85+
INITIAL_ROOT_MAIL=tutorials@code0.tech
86+
INITIAL_RUNTIME_TOKEN= # can be used to create a global runtime with given token
87+
88+
# Runtime config
89+
AQUILA_SAGITTARIUS_URL=http://nginx:80
90+
AQUILA_SAGITTARIUS_TOKEN=A_TOKEN
91+
DRACO_REST_PORT=8084
92+
...
93+
```
94+
95+
Enter the `INITIAL_ROOT_MAIL` and `INITIAL_ROOT_PASSWORD` into their corresponding login fields, then click **Login**.
96+
97+
![CodeZero](../../../public/tutorials/quick-first-login/CodeZero_LoginPage.png)
98+
</Step>
99+
</Steps>
Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
---
2+
title: Quick - Setting up a Project
3+
icon: IconBook2
4+
---
5+
6+
import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
7+
import { Callout } from 'fumadocs-ui/components/callout';
8+
import { Step, Steps } from 'fumadocs-ui/components/steps';
9+
import { Cards, Card } from 'fumadocs-ui/components/card';
10+
11+
<Steps>
12+
<Step>
13+
Go to your created project you want to setup
14+
15+
![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_NavigateToProject.png)
16+
17+
</Step>
18+
<Step>
19+
Then go to the Runtime tab
20+
21+
![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_NavigateToRuntimes.png)
22+
23+
Then add your Runtime
24+
25+
![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_addRuntime.png)
26+
27+
Make the added Runtime Primary
28+
29+
30+
![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_makeRuntimePrimary.png)
31+
32+
</Step>
33+
<Step>
34+
35+
Navigate to your Project settings
36+
37+
![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_NavigateToSettings.png)
38+
39+
Edit the slug to your prefered route
40+
41+
![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_editSlug.png)
42+
43+
<Callout type="info">
44+
This slug will be used later as the path to your flow:
45+
46+
`http://localhost:<DRACO_REST_PORT>/<your-new-slug>/<flow-path>`
47+
</Callout>
48+
![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_saveNewSlug.png)
49+
50+
</Step>
51+
<Step>
52+
Navigate to Flows
53+
54+
![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_goToFlows.png)
55+
56+
<Callout type="info">
57+
Here you can start creating flows
58+
</Callout>
59+
60+
![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_viewFlowMenu.png)
61+
62+
</Step>
63+
</Steps>
Binary file not shown.

public/tutorials/quick-first-flow/CodeZero_LoginPage.png renamed to public/tutorials/quick-first-login/CodeZero_LoginPage.png

File renamed without changes.

public/tutorials/quick-first-flow/CodeZero_Menu_RuntimePersonalGoToHome.png renamed to public/tutorials/quick-first-personal-project/CodeZero_Menu_RuntimePersonalGoToHome.png

File renamed without changes.

public/tutorials/quick-first-flow/CodeZero_PersonalProject_CreateNew.png renamed to public/tutorials/quick-first-personal-project/CodeZero_PersonalProject_CreateNew.png

File renamed without changes.
81.9 KB
Loading
70.1 KB
Loading

0 commit comments

Comments
 (0)