From 8082e9afd22274b01b467b7acea23444075ec2da Mon Sep 17 00:00:00 2001 From: Michael Geers Date: Thu, 13 Jun 2024 15:38:43 +0200 Subject: [PATCH] merge --- public/images/tech/angular.svg | 1 + public/images/tech/html.svg | 1 + public/images/tech/htmx.svg | 1 + public/images/tech/js.svg | 1 + public/images/tech/preact.svg | 1 + public/images/tech/question.svg | 1 + public/images/tech/qwik.svg | 1 + public/images/tech/react.svg | 1 + public/images/tech/solid.svg | 1 + public/images/tech/svelte.svg | 1 + public/images/tech/vue.svg | 1 + src/components/Footer.astro | 42 ++++--- src/components/MFExample.astro | 14 ++- src/components/content/Hero.astro | 50 +------- src/components/content/Implementations.astro | 33 +++--- src/components/content/Similarities.astro | 1 - .../content/TechnologicalChallenges.astro | 111 +++++++++++++++++- 17 files changed, 166 insertions(+), 96 deletions(-) create mode 100644 public/images/tech/angular.svg create mode 100644 public/images/tech/html.svg create mode 100644 public/images/tech/htmx.svg create mode 100644 public/images/tech/js.svg create mode 100644 public/images/tech/preact.svg create mode 100644 public/images/tech/question.svg create mode 100644 public/images/tech/qwik.svg create mode 100644 public/images/tech/react.svg create mode 100644 public/images/tech/solid.svg create mode 100644 public/images/tech/svelte.svg create mode 100644 public/images/tech/vue.svg diff --git a/public/images/tech/angular.svg b/public/images/tech/angular.svg new file mode 100644 index 0000000..424759f --- /dev/null +++ b/public/images/tech/angular.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/html.svg b/public/images/tech/html.svg new file mode 100644 index 0000000..4c8471e --- /dev/null +++ b/public/images/tech/html.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/htmx.svg b/public/images/tech/htmx.svg new file mode 100644 index 0000000..e5ae583 --- /dev/null +++ b/public/images/tech/htmx.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/js.svg b/public/images/tech/js.svg new file mode 100644 index 0000000..0004d10 --- /dev/null +++ b/public/images/tech/js.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/preact.svg b/public/images/tech/preact.svg new file mode 100644 index 0000000..698f47a --- /dev/null +++ b/public/images/tech/preact.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/question.svg b/public/images/tech/question.svg new file mode 100644 index 0000000..eb85d21 --- /dev/null +++ b/public/images/tech/question.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/qwik.svg b/public/images/tech/qwik.svg new file mode 100644 index 0000000..3a68be1 --- /dev/null +++ b/public/images/tech/qwik.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/react.svg b/public/images/tech/react.svg new file mode 100644 index 0000000..3835a60 --- /dev/null +++ b/public/images/tech/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/solid.svg b/public/images/tech/solid.svg new file mode 100644 index 0000000..ef3d521 --- /dev/null +++ b/public/images/tech/solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/svelte.svg b/public/images/tech/svelte.svg new file mode 100644 index 0000000..a743cc6 --- /dev/null +++ b/public/images/tech/svelte.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tech/vue.svg b/public/images/tech/vue.svg new file mode 100644 index 0000000..a858379 --- /dev/null +++ b/public/images/tech/vue.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 9d8f6d2..8717ed2 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -9,41 +9,39 @@ typeof="foaf:Image" class="mr-4 size-10 float-left" /> -

- the tractore store reference implementations
- a - neuland - initiative -

+
+

+ the tractore store reference implementations
+ a + neuland + initiative +

+

+ Need help with your project? Get in contact. +

+
- all projects -
- - blue print project + legal notice
- legal notice + blueprint project
micro-frontends.org diff --git a/src/components/MFExample.astro b/src/components/MFExample.astro index 4407514..cd4b7af 100644 --- a/src/components/MFExample.astro +++ b/src/components/MFExample.astro @@ -8,11 +8,13 @@ const { lib3 } = Astro.props; ---
-
- {rendering} -
+ {rendering ? +
+ {rendering} +
+ : null}

{title}

@@ -26,7 +28,7 @@ const { lib3 } = Astro.props;
-
+
{integration}
diff --git a/src/components/content/Hero.astro b/src/components/content/Hero.astro index 31c074b..7ca854a 100644 --- a/src/components/content/Hero.astro +++ b/src/components/content/Hero.astro @@ -6,7 +6,7 @@

- + a non-trivial
micro frontends
example project

@@ -14,9 +14,7 @@ The Tractor Store is a template to experiment with micro frontend architecture. Goal is to create a real world application where developers can experiment with different integration techniques. The idea is similar - to TodoMVC or Movies, but with a - focus on micro frontends. - + to TodoMVC or Movies, but with a focus on micro frontends.

- - diff --git a/src/components/content/Implementations.astro b/src/components/content/Implementations.astro index 32e0122..45b8d21 100644 --- a/src/components/content/Implementations.astro +++ b/src/components/content/Implementations.astro @@ -17,30 +17,27 @@ import MFExample from "../MFExample.astro";
diff --git a/src/components/content/Similarities.astro b/src/components/content/Similarities.astro index 5ead274..b69f213 100644 --- a/src/components/content/Similarities.astro +++ b/src/components/content/Similarities.astro @@ -4,7 +4,6 @@

What do all implementations have in common?

diff --git a/src/components/content/TechnologicalChallenges.astro b/src/components/content/TechnologicalChallenges.astro index 4a5b328..f21b3e0 100644 --- a/src/components/content/TechnologicalChallenges.astro +++ b/src/components/content/TechnologicalChallenges.astro @@ -4,7 +4,116 @@

+ What do all implementations have in common? +

+
    +
  • + + + + +
    + Team boundaries +

    + The webshop is divided into three systems. Each owned by a dedicated + team. +

    +
    +
    • +
  • + + + + + +
    + Features & content +

    + From an end-users perspective, all implementations should look and + work the same. +

    +
    +
    • +
  • + + + + + +
    + Framework-agnostic integration +

    + Although it's common, that adjacent teams use the same technologies, + they must be able to evolve or change their tech-stack independently. +

    +
    +
    • +
  • + + + + + +
    + Independent deployment +

    + Teams must be able to develop, test and deliver new features without + consulting other teams or touching their code. +

    +
    +
    • +
+
+ +
+

Technological challenges