Europa docs: From local dev to CI environment doc page

The todoapp example contains a Netlify plan which uses the latest dagger
additions: do & Client API. We are thinking of merging the examples
repository into this one to make working with this easier. This is a
step in that direction.

We are not using the yarn package so that we can revert
https://github.com/dagger/dagger/pull/1673 without breaking this
implementation.

The GitHub Action is WIP, we will continue with that tomorrow:
https://github.com/dagger/dagger-for-github/issues/24

Signed-off-by: Gerhard Lazu <gerhard@lazu.co.uk>

docs/getting-started/1201-ci-environment.md

@@ -5,6 +5,19 @@ displayed_sidebar: europa
 
 # From local dev to CI environment
 
+Dagger can be used with any CI environment (no migration required) and has two important advantages which make the overall experience less error-prone and more efficient:
+
+1. Instead of YAML you write CUE: typed configuration with built-in formatting
+2. Configuration is executed in buildkit, the execution engine at the heart of Docker
+
+This makes any CI environment with Docker pre-installed work with Dagger out of the box.
+We started with [CI environments that you told us you are using](https://github.com/dagger/dagger/discussions/1677).
+We will configure a production deployment for the same application that we covered in the previous page.
+
+:::note
+If you cannot find your CI environment below, [let us know via this GitHub discussion](https://github.com/dagger/dagger/discussions/1677).
+:::
+
 import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem';
 
 <Tabs defaultValue="github-actions"
@@ -13,23 +26,70 @@ values={[
 {label: 'GitHub Actions', value: 'github-actions'},
 {label: 'CircleCI', value: 'circleci'},
 {label: 'GitLab', value: 'gitlab'},
+{label: 'Jenkins', value: 'jenkins'},
+{label: 'Tekton', value: 'tekton'},
 ]}>
 
 <TabItem value="github-actions">
 
-Since Dagger early access required a GitHub account, GitHub Actions seems like a reasonable starting point.
+`.github/workflows/todoapp.yml`
+
+```yaml
+name: todoapp
+
+push:
+  # Trigger this workflow only on commits pushed to the main branch
+  branches:
+    - main
+
+# Dagger plan gets configured via client environment variables
+env:
+  # This needs to be unique across all of netlify.app
+  APP_NAME: todoapp-dagger-europa
+  NETLIFY_TEAM: dagger
+  # https://app.netlify.com/user/applications/personal
+  NETLIFY_TOKEN: ${{ secrets.NETLIFY_TOKEN }}
+  DAGGER_LOG_FORMAT: plain
+
+jobs:
+  dagger:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v2
+
+      - name: Deploy to Netlify
+        # https://github.com/dagger/dagger-for-github
+        uses: dagger/dagger-for-github@v0.2
+        with:
+          workdir: pkg/universe.dagger.io/examples/todoapp
+          plan: .
+          do: deploy
+```
 
 </TabItem>
 
 <TabItem value="circleci">
 
-If you would like us to document this CI environment next, mention it here: [dagger#1677](https://github.com/dagger/dagger/discussions/1677)
+If you would like us to document CircleCI next, vote for it here: [dagger#1677](https://github.com/dagger/dagger/discussions/1677)
 
 </TabItem>
 
 <TabItem value="gitlab">
 
-If you would like us to document this CI environment next, mention it here: [dagger#1677](https://github.com/dagger/dagger/discussions/1677)
+If you would like us to document GitLab next, vote for it here: [dagger#1677](https://github.com/dagger/dagger/discussions/1677)
+
+</TabItem>
+
+<TabItem value="jenkins">
+
+If you would like us to document Jenkins next, vote for it here: [dagger#1677](https://github.com/dagger/dagger/discussions/1677)
+
+</TabItem>
+
+<TabItem value="tekton">
+
+If you would like us to document Tekton next, vote for it here: [dagger#1677](https://github.com/dagger/dagger/discussions/1677)
 
 </TabItem>