[ENGDOCS-994] Update samples (#15691)

* samples update
2022-09-29 13:30:20 -07:00 · 2022-09-29 13:30:20 -07:00 · 5f00847961
parent 7eb41a7ef7
commit 5f00847961
43 changed files with 792 additions and 17 deletions
--- a/_data/samples.yaml
+++ b/_data/samples.yaml
@ -0,0 +1,374 @@
+samples:
+# Awesome Compose ----------------------------
+  - title: ASP.NET / MS-SQL 
+    url: https://github.com/docker/awesome-compose/blob/master/aspnet-mssql
+    description: A sample ASP.NET core application with MS SQL server database.
+    dev_env: false
+    services:
+      - .net
+      - ms-sql
+  - title: Elasticsearch / Logstash / Kibana
+    url: https://github.com/docker/awesome-compose/blob/master/elasticsearch-logstash-kibana
+    description: A sample Elasticsearch, Logstash, and Kibana stack.
+    dev_env: false
+    services:
+      - elasticsearch
+      - logstash
+      - kibana
+      - elk
+  - title: Go / NGINX / MySQL
+    url: https://github.com/docker/awesome-compose/blob/master/nginx-golang-mysql
+    description: A sample Go application with an Nginx proxy and a MySQL database.
+    dev_env: true
+    services: 
+      - go
+      - nginx
+      - mysql
+  - title: Go / NGINX / PostgreSQL
+    url: https://github.com/docker/awesome-compose/blob/master/nginx-golang-postgres
+    description: A sample Go application with an Nginx proxy and a PostgreSQL database.
+    dev_env: true
+    services:
+      - go
+      - nginx
+      - postgresql
+  - title: Java Spark / MySQL
+    url: https://github.com/docker/awesome-compose/blob/master/sparkjava-mysql
+    description: A sample Java application and a MySQL database. 
+    dev_env: true
+    services:
+      - spark
+      - java
+      - mysql
+  - title: NGINX / ASP.NET / MySQL
+    url: https://github.com/docker/awesome-compose/blob/master/nginx-aspnet-mysql
+    description: A sample Nginx reverse proxy with an C# backend using ASP.NET.
+    dev_env: true
+    services: 
+      - nginx
+      - .net
+      - mysql
+  - title: NGINX / Flask / MongoDB 
+    url: https://github.com/docker/awesome-compose/blob/master/nginx-flask-mongo
+    description: A sample Python/Flask application with Nginx proxy and a Mongo database.
+    dev_env: true
+    services:
+      - nginx
+      - flask
+      - mongodb
+      - python
+  - title: NGINX / Flask / MySQL
+    url: https://github.com/docker/awesome-compose/blob/master/nginx-flask-mysql
+    description: A sample Python/Flask application with an Nginx proxy and a MySQL database.
+    dev_env: false
+    services:
+      - nginx
+      - flask
+      - python
+      - mysql
+  - title: NGINX / Node.js / Redis
+    url: https://github.com/docker/awesome-compose/blob/master/nginx-nodejs-redis
+    description: A sample Node.js application with Nginx proxy and a Redis database.
+    dev_env: false
+    services:
+      - nginx
+      - nodejs
+      - redis
+      - javascript
+  - title: NGINX / Go
+    url: https://github.com/docker/awesome-compose/blob/master/nginx-golang
+    description: A sample Nginx proxy with a Go backend.
+    dev_env: true
+    services:
+      - nginx
+      - go
+  - title: NGINX / WSGI / Flask
+    url: https://github.com/docker/awesome-compose/blob/master/nginx-wsgi-flask
+    description: A sample Nginx reverse proxy with a Flask backend using WSGI.
+    dev_env: false
+    services:
+      - nginx
+      - flask
+      - python
+      - wsgi
+  - title: PostgreSQL / pgAdmin
+    url: https://github.com/docker/awesome-compose/blob/master/postgresql-pgadmin
+    description: A sample setup for postgreSQL database with pgAdmin web interface.
+    dev_env: false
+    services:
+      - postgresql
+      - pgadmin
+  - title: Python / Flask / Redis
+    url: https://github.com/docker/awesome-compose/blob/master/flask-redis
+    description: A sample Python/Flask and a Redis database.
+    dev_env: true
+    services:
+      - python
+      - flask
+      - redis
+  - title: React / Spring / MySQL
+    url: https://github.com/docker/awesome-compose/blob/master/react-java-mysql
+    description: A sample React application with a Spring backend and a MySQL database.
+    dev_env: true
+    services:
+      - react
+      - spring
+      - java
+      - javascript
+      - mysql
+  - title: React / Express / MySQL
+    url: https://github.com/docker/awesome-compose/blob/master/react-express-mysql
+    description: A sample React application with a Node.js backend and a MySQL database.
+    dev_env: true
+    services:
+      - react
+      - javascript
+      - express
+      - mysql
+      - nodejs
+  - title: React / Express / MongoDB 
+    url: https://github.com/docker/awesome-compose/blob/master/react-express-mongodb
+    description: A sample React application with a Node.js backend and a Mongo database.
+    dev_env: true
+    services:
+      - react
+      - javascript
+      - express
+      - nodejs
+      - mongodb
+  - title: React / Rust / PostgreSQL
+    url: https://github.com/docker/awesome-compose/blob/master/react-rust-postgres
+    description: A sample React application with a Rust backend and a Postgres database.
+    dev_env: true
+    services:
+      - react
+      - rust
+      - postgresql
+      - javascript
+  - title: React / NGINX
+    url: https://github.com/docker/awesome-compose/blob/master/react-nginx
+    description: Aample React application with Nginx.
+    dev_env: true
+    services:
+      - react
+      - javascript
+      - nginx
+  - title: Spring / PostgreSQL
+    url: https://github.com/docker/awesome-compose/blob/master/spring-postgres
+    description: A sample Java application with Spring framework and a Postgres database.
+    dev_env: true
+    services:
+      - java
+      - spring
+      - postgresql
+  - title: Angular
+    url: https://github.com/docker/awesome-compose/blob/master/angular
+    description: A sample Angular application.
+    dev_env: true
+    services:
+      - angular
+      - typescript
+  - title: Spark
+    url: https://github.com/docker/awesome-compose/blob/master/sparkjava
+    description: A sample Spark application.
+    dev_env: true
+    services:
+      - spark
+      - java
+  - title: VueJS
+    url: https://github.com/docker/awesome-compose/blob/master/vuejs
+    description: A sample Vue.jus application.
+    dev_env: true
+    services:
+      - vuejs
+      - javascript
+  - title: Flask
+    url: https://github.com/docker/awesome-compose/blob/master/flask
+    description: A sample Flask application.
+    dev_env: true
+    services:
+      - flask
+      - python
+  - title: PHP
+    url: https://github.com/docker/awesome-compose/blob/master/apache-php
+    description: A sample PHP application.
+    dev_env: true
+    services:
+      - php
+  - title: Traefik
+    url: https://github.com/docker/awesome-compose/blob/master/traefik-golang
+    description: A sample Traefik proxy with a Go backend.
+    dev_env: true
+    services:
+      - traefik
+      - go
+  - title: Django
+    url: https://github.com/docker/awesome-compose/blob/master/django
+    description: A sample Django application.
+    dev_env: true
+    services:
+      - django
+      - python
+  - title: Minecraft server
+    url: https://github.com/docker/awesome-compose/tree/master/minecraft
+    description: A sample Minecraft server.
+    dev_env: false
+    services:
+      - minecraft
+  - title: Plex
+    url: https://github.com/docker/awesome-compose/tree/master/plex
+    description: A sample Plex setup.
+    dev_env: false
+    services:
+      - plex
+  - title: Portainer
+    url: https://github.com/docker/awesome-compose/tree/master/portainer
+    description: A sample Portainer setup.
+    dev_env: false
+    services:
+      - portainer
+  - title: Wireguard
+    url: https://github.com/docker/awesome-compose/tree/master/wireguard
+    description: A sample Wireguard setup.
+    dev_env: false
+    services:
+      - wireguard
+  - title: FastAPI
+    url: https://github.com/docker/awesome-compose/blob/master/fastapi
+    description: A sample FastAPI application.
+    dev_env: true
+    services:
+      - python
+      - fastapi
+  - title: Gitea / PostgreSQL
+    url: https://github.com/docker/awesome-compose/blob/master/gitea-postgres
+    description: A sample setup for Gitea.
+    dev_env: false
+    services:
+      - gitea
+      - popstgresql
+  - title: Nextcloud / PostgreSQL
+    url: https://github.com/docker/awesome-compose/blob/master/nextcloud-postgres
+    description: A sample Nextcloud setup.
+    dev_env: false
+    services:
+      - nextcloud
+      - postgresql
+  - title: Nextcloud / Redis / MariaDB
+    url: https://github.com/docker/awesome-compose/blob/master/nextcloud-redis-mariadb
+    description: A sample Nextcloud setup.
+    dev_env: false
+    services:
+      - nextcloud
+      - mariadb
+      - redis
+  - title: Pi-hole / cloudflared
+    url: https://github.com/docker/awesome-compose/blob/master/pihole-cloudflared-DoH
+    description: A sample Pi-hole setup with use of DoH cloudflared service.
+    dev_env: false
+    services:
+      - pi-hole
+      - cloudflared
+  - title: Prometheus / Grafana
+    url: https://github.com/docker/awesome-compose/blob/master/prometheus-grafana
+    description: A sample Prometheus and Grafana stack.
+    dev_env: false
+    services:
+      - prometheus
+      - grafana
+  - title: WordPress / MySQL
+    url: https://github.com/docker/awesome-compose/blob/master/wordpress-mysql
+    description: A sample WordPress setup.
+    dev_env: false
+    services:
+      - wordpress
+      - mysql
+# Dockersamples ----------------------------
+  - title: example-voting-app
+    url: https://github.com/dockersamples/example-voting-app
+    description: A sample Docker Compose app.
+    dev_env: false
+    services:
+      - python
+      - nodejs
+      - .net
+      - java
+      - redis
+      - postgresql
+      - c#
+  - title: docker-swarm-visualizer
+    url: https://github.com/dockersamples/docker-swarm-visualizer
+    description: A visualizer for Docker Swarm Mode using the Docker Remote API, Node.JS, and D3.
+    dev_env: false
+    services:
+      - javascript
+  - title: atsea-sample-shop-app
+    url: https://github.com/dockersamples/atsea-sample-shop-app
+    description: A sample app that uses a Java Spring Boot backend connected to a database to display a fictitious art shop with a React front-end.
+    dev_env: false
+    services:
+      - java
+      - spring
+      - react
+      - javascript
+      - nginx
+      - postgresql
+  - title: k8s-wordsmith-demo
+    url: https://github.com/dockersamples/k8s-wordsmith-demo
+    description: A demo app that runs three containers, including PostgreSQL, Java, and Go.
+    dev_env: false
+    services:
+      - postgresql
+      - java
+      - go
+  - title: dotnet-album-viewer
+    url: https://github.com/dockersamples/dotnet-album-viewer
+    description: West Wind Album Viewer ASP.NET Core and Angular sample.
+    dev_env: false
+    services:
+      - angular
+      - typescript
+      - javascript
+      - .net
+      - tidb
+      - mysql
+  - title: aspnet-monitoring
+    url: https://github.com/dockersamples/aspnet-monitoring
+    description: Monitoring ASP.NET Fx applications in Windows Docker containers, using Prometheus.
+    dev_env: false
+    services:
+      - .net
+      - prometheus
+      - javascript
+      - c#
+  - title: linux_tweet_app
+    url: https://github.com/dockersamples/linux_tweet_app
+    description: A very simple webapp based on NGINX.
+    dev_env: false
+    services:
+      - nginx
+  - title: gopher-task-system
+    url: https://github.com/dockersamples/gopher-task-system
+    description: A Task System using Go Docker SDK.
+    dev_env:
+    services:
+      - go
+  - title: link-shortener-typescript
+    url: https://github.com/dockersamples/link-shortener-typescript
+    description: A Simple URL Shortener built using TypeScript and Nest.js powered with Docker.
+    dev_env: false
+    services:
+      - typescript
+      - nestjs
+      - redis
+  - title: slack-clone-docker
+    url: https://github.com/dockersamples/slack-clone-docker
+    description: A sample Slack Clone app built with the MERN stack.
+    dev_env: false
+    services:
+      - mongodb
+      - express
+      - react
+      - javascript
+      - nodejs
+
--- a/_data/toc.yaml
+++ b/_data/toc.yaml
@ -1110,8 +1110,91 @@ reference:

 samples:
 - path: /samples/
-  title: Official Docker samples
-
+  title: Overview
+- sectiontitle: Databases
+  section:
+    - path: /samples/mariadb/
+      title: MariaDB
+    - path: /samples/mongodb/
+      title: MongoDB
+    - path: /samples/ms-sql/
+      title: MS-SQL
+    - path: /samples/mysql/
+      title: MySQL
+    - path: /samples/postgres/
+      title: PostgreSQL
+    - path: /samples/redis/
+      title: Redis
+- sectiontitle: Frameworks
+  section:
+    - path: /samples/dotnet/
+      title: .NET
+    - path: /samples/angular/
+      title: Angular
+    - path: /samples/django-sample/
+      title: Django
+    - path: /samples/express/
+      title: Express
+    - path: /samples/fastapi/
+      title: FastAPI
+    - path: /samples/flask/
+      title: Flask
+    - path: /samples/nodejs/
+      title: Node.js
+    - path: /samples/react/
+      title: React
+    - path: /samples/spark/
+      title: Spark
+    - path: /samples/spring/
+      title: Spring Boot
+    - path: /samples/vuejs/
+      title: Vue.js
+- sectiontitle: Languages
+  section:
+    - path: /samples/go/
+      title: Go
+    - path: /samples/java/
+      title: Java
+    - path: /samples/javascript/
+      title: JavaScript
+    - path: /samples/php/
+      title: PHP
+    - path: /samples/python/
+      title: Python
+    - path: /samples/rust/
+      title: Rust
+    - path: /samples/typescript/
+      title: TypeScript
+- sectiontitle: Platforms
+  section:
+    - path: /samples/gitea/
+      title: Gitea
+    - path: /samples/nextcloud/
+      title: Nextcloud
+    - path: /samples/portainer/
+      title: Portainer
+    - path: /samples/prometheus/
+      title: Prometheus
+    - path: /samples/wordpress-sample/
+      title: WordPress
+- sectiontitle: Other services
+  section:
+    - path: /samples/cloudflared/
+      title: Cloudflared
+    - path: /samples/elasticsearch/
+      title: Elasticsearch / Logstash / Kibana
+    - path: /samples/minecraft/
+      title: Minecraft
+    - path: /samples/nginx/
+      title: NGINX
+    - path: /samples/pi-hole/
+      title: Pi-hole
+    - path: /samples/plex/
+      title: Plex
+    - path: /samples/traefik/
+      title: Traefik
+    - path: /samples/wireguard/
+      title: Wireguard


 manuals:
--- a/_layouts/landing.html
+++ b/_layouts/landing.html
@ -380,11 +380,11 @@
            <div class="col-xs-12 col-md-6">
              <h2 class="title">Develop with Docker</h2>
              <p>Learn how to develop language-specific apps using Docker.</p>
-              <p><a href="/language/nodejs/" target="_blank" rel="noopener">Containerize Node.js app using Docker</a></p>
-              <p><a href="https://github.com/docker/labs/tree/master/developer-tools/java/" target="_blank" rel="noopener">Docker for Java developers</a></p>
-              <p><a href="https://github.com/docker/labs/tree/master/developer-tools/ruby" target="_blank" rel="noopener">Ruby on Rails app on Docker</a></p>
-              <p><a href="/engine/examples/dotnetcore/">Dockerize a .Net Core application</a></p>
-              <p><a href="/compose/aspnet-mssql-compose/" target="_blank" rel="noopener">Dockerize an ASP.NET Core application with SQL Server on Linux</a></p>
+              <p><a href="/language/nodejs/" target="_blank" rel="noopener">Containerize a Node.js app using Docker</a></p>
+              <p><a href="/language/python/" target="_blank" rel="noopener">Containerize a Python app using Docker</a></p>
+              <p><a href="/language/java/" target="_blank" rel="noopener">Containerize a Java app using Docker</a></p>
+              <p><a href="/language/golang/" target="_blank" rel="noopener">Containerize a Go app using Docker</a></p>
+              <p><a href="/samples/" target="_blank" rel="noopener">View more languages and frameworks in Docker samples</a></p>
          </div>
        </div>
      </div>
--- a/samples/angular.md
+++ b/samples/angular.md
@ -0,0 +1,7 @@
+---
+title: Angular samples
+description: Docker samples for Angular.
+service: angular
+---
+
+{% include_relative samples-body.md %}
--- a/samples/cloudflared.md
+++ b/samples/cloudflared.md
@ -0,0 +1,7 @@
+---
+title: Cloudflared samples
+description: Docker samples for cloudflared.
+service: cloudflared
+---
+
+{% include_relative samples-body.md %}
--- a/samples/django-sample.md
+++ b/samples/django-sample.md
@ -0,0 +1,7 @@
+---
+title: Django samples
+description: Docker samples for Django.
+service: django
+---
+
+{% include_relative samples-body.md %}
--- a/samples/dotnet.md
+++ b/samples/dotnet.md
@ -0,0 +1,7 @@
+---
+title: .NET samples
+description: Docker samples for .NET.
+service: .net
+---
+
+{% include_relative samples-body.md %}
--- a/samples/elasticsearch.md
+++ b/samples/elasticsearch.md
@ -0,0 +1,7 @@
+---
+title: Elasticsearch / Logstash / Kibana samples
+description: Docker samples for Elasticsearch, Logstash, and Kibana.
+service: elk
+---
+
+{% include_relative samples-body.md %}
--- a/samples/express.md
+++ b/samples/express.md
@ -0,0 +1,7 @@
+---
+title: Express samples
+description: Docker samples for Express.
+service: express
+---
+
+{% include_relative samples-body.md %}
--- a/samples/fastapi.md
+++ b/samples/fastapi.md
@ -0,0 +1,7 @@
+---
+title: FastAPI samples
+description: Docker samples for .NET.
+service: fastapi
+---
+
+{% include_relative samples-body.md %}
--- a/samples/flask.md
+++ b/samples/flask.md
@ -0,0 +1,7 @@
+---
+title: Flask samples
+description: Docker samples for Flask.
+service: flask
+---
+
+{% include_relative samples-body.md %}
--- a/samples/gitea.md
+++ b/samples/gitea.md
@ -0,0 +1,7 @@
+---
+title: Gitea samples
+description: Docker samples for Gitea.
+service: gitea
+---
+
+{% include_relative samples-body.md %}
--- a/samples/go.md
+++ b/samples/go.md
@ -0,0 +1,7 @@
+---
+title: Go samples
+description: Docker samples for Go.
+service: go
+---
+
+{% include_relative samples-body.md %}
--- a/samples/index.md
+++ b/samples/index.md
@ -1,18 +1,27 @@
 ---
-title: Official Docker samples
-description: Learn how to develop and ship containerized applications, by walking through samples that exhibit canonical practices.
+title: Samples overview
+description: Learn how to containerize different types of services by walking through Official Docker samples.
 redirect_from:
 - /en/latest/examples/
 - /engine/examples/
 - /examples/
 ---

-Visit [Docker Samples on GitHub](https://github.com/dockersamples?q=&type=all&language=&sort=stargazers){: target="_blank" rel="noopener" class="_"} and the [Awesome-compose repository on GitHub](https://github.com/docker/awesome-compose){: target="_blank" rel="noopener" class="_"} for a full list of samples. The following are a few samples from those repositories.
+Learn how to containerize different types of services by walking through Official Docker samples.

-| Sample | Description |
-| ------ | ----------- |
-| [atsea-sample-shop-app](https://github.com/dockersamples/atsea-sample-shop-app){: target="_blank" rel="noopener" class="_"} | A sample Java REST application. |
-| [ASP.NET / MS-SQL](https://github.com/docker/awesome-compose/tree/master/aspnet-mssql){: target="_blank" rel="noopener" class="_"} | A sample ASP.NET core application with MS SQL server database. |
-| [example-voting-app](https://github.com/dockersamples/example-voting-app){: target="_blank" rel="noopener" class="_"} | A sample distributed application running across multiple Docker containers. |
-| [Django](https://github.com/docker/awesome-compose/tree/master/django){: target="_blank" rel="noopener" class="_"} | A sample Django application. |
-| [k8s-wordsmith-demo](https://github.com/dockersamples/k8s-wordsmith-demo){: target="_blank" rel="noopener" class="_"} | A sample Wordsmith project that runs across three containers: a Postgres database, a Java REST API, and a Go web application. |
+## Databases
+[MariaDB](../samples/mariadb.md) \| [MongoDB](../samples/mongodb.md) \| [MS-SQL](../samples/ms-sql.md) \| [MySQL](../samples/mysql.md) \| [PostgreSQL](../samples/postgres.md) \| [Redis](../samples/redis.md)
+
+## Frameworks
+[.NET](../samples/dotnet.md) \| [Angular](../samples/angular.md) \| [Django](../samples/django-sample.md) \| [Express](../samples/express.md) \|[FastAPI](../samples/fastapi.md) \| [Flask](../samples/flask.md) \| [Node.js](../samples/nodejs.md) \| [React](../samples/react.md) \| [Spark](../samples/spark.md) \| [Spring Boot](../samples/spring.md) \| [Vue.js](../samples/vuejs.md)
+
+## Languages
+[Go](../samples/go.md) \| [Java](../samples/java.md) \| [JavaScript](../samples/javascript.md) \| [PHP](../samples/php.md) \| [Python](../samples/python.md) \| [Rust](../samples/rust.md) \| [TypeScript](../samples/typescript.md)
+
+## Platforms
+[Gitea](../samples/gitea.md) \| [Nextcloud](../samples/nextcloud.md) \| [Portainer](../samples/portainer.md) \|  [Prometheus](../samples/prometheus.md) \| [WordPress](../samples/wordpress-sample.md)
+
+## Other services
+[Cloudflared](../samples/cloudflared.md) \| [Elasticsearch / Logstash / Kibana](../samples/elasticsearch.md) \| [Minecraft](../samples/minecraft.md) \| [NGINX](../samples/nginx.md) \| [Pi-hole](../samples/pi-hole.md) \| [Plex](../samples/plex.md) \| [Traefik](../samples/traefik.md) \| [WireGuard](../samples/wireguard.md)
+
+{% include_relative samples-footer.md %}
--- a/samples/java.md
+++ b/samples/java.md
@ -0,0 +1,8 @@
+---
+title: Java samples
+description: Docker samples for Java.
+service: java
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/javascript.md
+++ b/samples/javascript.md
@ -0,0 +1,8 @@
+---
+title: JavaScript samples
+description: Docker samples for JavaScript.
+service: javascript
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/mariadb.md
+++ b/samples/mariadb.md
@ -0,0 +1,8 @@
+---
+title: MariaDB samples
+description: Docker samples for MariaDB.
+service: mariadb
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/minecraft.md
+++ b/samples/minecraft.md
@ -0,0 +1,8 @@
+---
+title: Minecraft samples
+description: Docker samples for Minecraft.
+service: minecraft
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/mongodb.md
+++ b/samples/mongodb.md
@ -0,0 +1,8 @@
+---
+title: MongoDB samples
+description: Docker samples for MongoDB.
+service: mongodb
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/ms-sql.md
+++ b/samples/ms-sql.md
@ -0,0 +1,9 @@
+---
+title: MS-SQL samples
+description: Docker samples for MS-SQL.
+service: ms-sql
+---
+
+
+
+{% include_relative samples-body.md %}
--- a/samples/mysql.md
+++ b/samples/mysql.md
@ -0,0 +1,8 @@
+---
+title: MySQL samples
+description: Docker samples for MySQL.
+service: mysql
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/nextcloud.md
+++ b/samples/nextcloud.md
@ -0,0 +1,8 @@
+---
+title: Nextcloud samples
+description: Docker samples for Nextcloud.
+service: nextcloud
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/nginx.md
+++ b/samples/nginx.md
@ -0,0 +1,8 @@
+---
+title: NGINX samples
+description: Docker samples for NGINX.
+service: nginx
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/nodejs.md
+++ b/samples/nodejs.md
@ -0,0 +1,8 @@
+---
+title: Node.js samples
+description: Docker samples for Node.js.
+service: nodejs
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/php.md
+++ b/samples/php.md
@ -0,0 +1,8 @@
+---
+title: PHP samples
+description: Docker samples for PHP.
+service: php
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/pi-hole.md
+++ b/samples/pi-hole.md
@ -0,0 +1,8 @@
+---
+title: Pi-hole samples
+description: Docker samples for Pi-hole.
+service: pi-hole
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/plex.md
+++ b/samples/plex.md
@ -0,0 +1,8 @@
+---
+title: Plex samples
+description: Docker samples for Plex.
+service: plex
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/portainer.md
+++ b/samples/portainer.md
@ -0,0 +1,8 @@
+---
+title: Portainer samples
+description: Docker samples for Portainer.
+service: portainer
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/postgres.md
+++ b/samples/postgres.md
@ -0,0 +1,8 @@
+---
+title: PostgreSQL samples
+description: Docker samples for PostgreSQL.
+service: postgresql
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/prometheus.md
+++ b/samples/prometheus.md
@ -0,0 +1,8 @@
+---
+title: Prometheus samples
+description: Docker samples for Prometheus.
+service: prometheus
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/python.md
+++ b/samples/python.md
@ -0,0 +1,8 @@
+---
+title: Python samples
+description: Docker samples for Python.
+service: python
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/react.md
+++ b/samples/react.md
@ -0,0 +1,8 @@
+---
+title: React samples
+description: Docker samples for React.
+service: react
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/redis.md
+++ b/samples/redis.md
@ -0,0 +1,8 @@
+---
+title: Redis samples
+description: Docker samples for Redis.
+service: redis
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/rust.md
+++ b/samples/rust.md
@ -0,0 +1,8 @@
+---
+title: Rust samples
+description: Docker samples for Rust.
+service: rust
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/samples-body.md
+++ b/samples/samples-body.md
@ -0,0 +1,15 @@
+> **Note**
+>
+> Samples compatible with [Docker Dev Environments](/desktop/dev-environments/) require [Docker Desktop](/get-docker/) version 4.10 or later.
+
+| Name | Description | Docker Dev Environment (if compatible) |
+| ---- | ----------- | -------------------------------------- |
+{% for sample in site.data.samples.samples -%}
+{% for service in sample.services -%}
+{% if service == page.service -%}
+| [{{sample.title}}]({{sample.url}}){: target="_blank" rel="noopener" class="_"} | {{sample.description}} | {% if sample.dev_env -%} [Open in Docker Dev Environment](https://open.docker.com/dashboard/dev-envs?url={{sample.url}}) {% else -%}-{% endif -%}|
+{% endif -%}
+{%- endfor -%}
+{%- endfor -%}
+
+{% include_relative samples-footer.md %}
--- a/samples/samples-footer.md
+++ b/samples/samples-footer.md
@ -0,0 +1,7 @@
+
+## Looking for more samples?
+
+Visit the following GitHub repositories for more Docker samples.
+
+- [Awesome Compose](https://github.com/docker/awesome-compose){: target="_blank" rel="noopener" class="_"}: A curated repository containing over 30 Docker Compose samples. These samples offer a starting point for how to integrate different services using a Compose file.
+- [Docker Samples](https://github.com/dockersamples?q=&type=all&language=&sort=stargazers){: target="_blank" rel="noopener" class="_"}: A collection of over 30 repositories that offer sample containerized demo applications, tutorials, and labs.
--- a/samples/spark.md
+++ b/samples/spark.md
@ -0,0 +1,8 @@
+---
+title: Spark samples
+description: Docker samples for Spark.
+service: spark
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/spring.md
+++ b/samples/spring.md
@ -0,0 +1,8 @@
+---
+title: Spring Boot samples
+description: Docker samples for Spring Boot.
+service: spring
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/traefik.md
+++ b/samples/traefik.md
@ -0,0 +1,8 @@
+---
+title: Traefik samples
+description: Docker samples for Traefik.
+service: traefik
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/typescript.md
+++ b/samples/typescript.md
@ -0,0 +1,8 @@
+---
+title: TypeScript samples
+description: Docker samples for TypeScript.
+service: typescript
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/vuejs.md
+++ b/samples/vuejs.md
@ -0,0 +1,8 @@
+---
+title: Vue.js samples
+description: Docker samples for Vue.js.
+service: vuejs
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/wireguard.md
+++ b/samples/wireguard.md
@ -0,0 +1,8 @@
+---
+title: WireGuard samples
+description: Docker samples for WireGuard.
+service: wireguard
+---
+
+
+{% include_relative samples-body.md %}
--- a/samples/wordpress-sample.md
+++ b/samples/wordpress-sample.md
@ -0,0 +1,8 @@
+---
+title: WordPress samples
+description: Docker samples for WordPress.
+service: wordpress
+---
+
+
+{% include_relative samples-body.md %}