tutorials update

Author: Nicuschgifthub

content/general/tutorials/quick_creating_a_flow.mdx

@@ -0,0 +1,31 @@
+---
+title: Quick - Creating a Flow
+icon: IconBook2
+---
+
+import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
+import { Callout } from 'fumadocs-ui/components/callout';
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+import { Cards, Card } from 'fumadocs-ui/components/card';
+
+The flow we are creating will simply reply with `pong`, when requesting the url path using the `GET` Method
+
+<Steps>
+<Step>
+Create a new Flow
+
+![CodeZero](../../../public/tutorials/quick-first-flow/cZ_01_clickOnCreateFlow.png)
+
+Select the Trigger to be an Rest-Endpoint, then add a name and create your Flow
+
+![CodeZero](../../../public/tutorials/quick-first-flow/cZ_02_selectTriggerAndCreate.png)
+
+</Step>
+<Step>
+
+Select your new Flow
+
+![CodeZero](../../../public/tutorials/quick-first-flow/cZ_03_selectTheNewFlow.png)
+
+</Step>
+</Steps>

content/general/tutorials/quick_first_personal_project.mdx

@@ -11,18 +11,20 @@ import { Cards, Card } from 'fumadocs-ui/components/card';
 <Steps>
 <Step>
 
-Now that you have created a runtime we can add it to and Projects, since we currenlty have no projects lets create one first.
-For that navigate back to your home screen by clicking on `Home`
+For creating a personal project navigate back to your home screen by clicking on `Home`
 
-![CodeZero](../../../public/tutorials/quick-first-personal-project/CodeZero_Menu_RuntimePersonalGoToHome.png)
+![CodeZero](../../../public/tutorials/quick-first-personal-project/cZ_01_returnToHomePage.png)
 
-From there press `Create` under `Personal projects`
-![CodeZero](../../../public/tutorials/quick-first-personal-project/CodeZero_PersonalProject_CreateNew.png)
+From there click on `Create` under `Personal projects`
+![CodeZero](../../../public/tutorials/quick-first-personal-project/cZ_02_clickOnNewProject.png)
 
 Enter a `Name` and `Description` then click `Create project`
 
-![CodeZero](../../../public/tutorials/quick-first-personal-project/CodeZero_PersonalProject_CreateNewProject.png)
+![CodeZero](../../../public/tutorials/quick-first-personal-project/cZ_03_enterNameAndDescription.png)
 
+After that you have created a Personal Project
+
+![CodeZero](../../../public/tutorials/quick-first-personal-project/cZ_04_createYourNewProject.png)
 
 
 </Step>

content/general/tutorials/quick_login_ide.mdx

@@ -26,17 +26,15 @@ HOSTNAME=localhost
 HTTP_PORT=80
 HTTPS_PORT=443
 SSL_ENABLED=false
-SSL_CERT_FILE= # must be located in ./certs, defaults to "<hostname>.pem"
-SSL_KEY_FILE= # must be located in ./certs, defaults to "<hostname>.key"
+# must be located in ./certs, defaults to "<hostname>.pem"
+SSL_CERT_FILE=
+# must be located in ./certs, defaults to "<hostname>.key"
+SSL_KEY_FILE=
 
-INITIAL_ROOT_PASSWORD=myWebPassword
+INITIAL_ROOT_PASSWORD=tutorials
 INITIAL_ROOT_MAIL=tutorials@code0.tech
-INITIAL_RUNTIME_TOKEN= # can be used to create a global runtime with given token
-
-# Runtime config
-AQUILA_SAGITTARIUS_URL=http://nginx:80
-AQUILA_SAGITTARIUS_TOKEN=
-DRACO_REST_PORT=8084
+# can be used to create a global runtime with given token
+INITIAL_RUNTIME_TOKEN=runtime
 ...
 ```
 
@@ -56,7 +54,7 @@ DRACO_REST_PORT=8084
 
   <Tab value="Remote Access">
     ### Remote Server
-    If you are accessing a server on your local network, use the its IP address.
+    If you are accessing a server on your local network, use its IP address.
 
     ```text
     http://192.168.2.105
@@ -77,23 +75,20 @@ HOSTNAME=localhost
 HTTP_PORT=80
 HTTPS_PORT=443
 SSL_ENABLED=false
-SSL_CERT_FILE= # must be located in ./certs, defaults to "<hostname>.pem"
-SSL_KEY_FILE= # must be located in ./certs, defaults to "<hostname>.key"
-
+# must be located in ./certs, defaults to "<hostname>.pem"
+SSL_CERT_FILE=
+# must be located in ./certs, defaults to "<hostname>.key"
+SSL_KEY_FILE=
 # [!code highlight:2]
-INITIAL_ROOT_PASSWORD=myWebPassword
+INITIAL_ROOT_PASSWORD=tutorials
 INITIAL_ROOT_MAIL=tutorials@code0.tech
-INITIAL_RUNTIME_TOKEN= # can be used to create a global runtime with given token
-
-# Runtime config
-AQUILA_SAGITTARIUS_URL=http://nginx:80
-AQUILA_SAGITTARIUS_TOKEN=A_TOKEN
-DRACO_REST_PORT=8084
+# can be used to create a global runtime with given token
+INITIAL_RUNTIME_TOKEN=runtime
 ...
 ```
 
 Enter the `INITIAL_ROOT_MAIL` and `INITIAL_ROOT_PASSWORD` into their corresponding login fields, then click **Login**.
 
-![CodeZero](../../../public/tutorials/quick-first-login/CodeZero_LoginPage.png)
+![CodeZero](../../../public/tutorials/quick-first-login/cZ_01_loginPageEnterNameAndPassword.png)
 </Step>
 </Steps>

content/general/tutorials/quick_setting_up_a_project.mdx

@@ -10,54 +10,50 @@ import { Cards, Card } from 'fumadocs-ui/components/card';
 
 <Steps>
 <Step>
-Go to your created project you want to setup
+Go to your created project you want to setup for Flow creation
 
-![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_NavigateToProject.png)
+![CodeZero](../../../public/tutorials/quick-setting-up-a-project/cZ_01_navigateToYourProject.png)
 
 </Step>
 <Step>
 Then go to the Runtime tab
 
-![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_NavigateToRuntimes.png)
+![CodeZero](../../../public/tutorials/quick-setting-up-a-project/cZ_02_navigateToRuntimes.png)
 
 Then add your Runtime
 
-![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_addRuntime.png)
-
-Make the added Runtime Primary
-
-
-![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_makeRuntimePrimary.png)
+![CodeZero](../../../public/tutorials/quick-setting-up-a-project/cZ_03_addRuntime.png)
 
 </Step>
 <Step>
 
 Navigate to your Project settings
 
-![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_NavigateToSettings.png)
+![CodeZero](../../../public/tutorials/quick-setting-up-a-project/cZ_04_navigateToSettings.png)
 
-Edit the slug to your prefered route
+Edit the slug and to your prefered route. You can also change the description and the name if you like.
 
-![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_editSlug.png)
+![CodeZero](../../../public/tutorials/quick-setting-up-a-project/cZ_05_editSettingsAsYouWant.png)
 
 <Callout type="info">
 This slug will be used later as the path to your flow:
 
 `http://localhost:<DRACO_REST_PORT>/<your-new-slug>/<flow-path>`
 </Callout>
-![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_saveNewSlug.png)
+
+Then save your settings.
+
+![CodeZero](../../../public/tutorials/quick-setting-up-a-project/cZ_06_saveYourSettings.png)
 
 </Step>
 <Step>
 Navigate to Flows
 
-![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_goToFlows.png)
+![CodeZero](../../../public/tutorials/quick-setting-up-a-project/cZ_07_navigateToProjectHome.png)
 
-<Callout type="info">
 Here you can start creating flows
-</Callout>
 
-![CodeZero](../../../public/tutorials/quick-setting-up-a-project/CodeZero_SettingUpProject_viewFlowMenu.png)
+![CodeZero](../../../public/tutorials/quick-setting-up-a-project/cZ_08_flows.png)
 
 </Step>
 </Steps>