fastapi · tiangolo · Jan 17, 2020 · Jan 13, 2020 · Jan 13, 2020 · Jan 13, 2020
diff --git a/docs/css/custom.css b/docs/css/custom.css
@@ -0,0 +1,3 @@
+a.external-link::after {
+    content: " [↪]"
+}
diff --git a/docs/external-links.md b/docs/external-links.md
@@ -5,76 +5,107 @@ There are many posts, articles, tools, and projects, related to **FastAPI**.
 Here's an incomplete list of some of them.
 
 !!! tip
-    If you have an article, project, tool, or anything related to **FastAPI** that is not yet listed here, create a <a href="https://github.com/tiangolo/fastapi/edit/master/docs/external-links.md" target="_blank">Pull Request adding it</a>.
+    If you have an article, project, tool, or anything related to **FastAPI** that is not yet listed here, create a [Pull Request adding it](https://github.com/tiangolo/fastapi/edit/master/docs/external-links.md){.external-link target=_blank}.
 
 ## Articles
 
 ### English
 
-* <a href="https://medium.com/@williamhayes/fastapi-starlette-debug-vs-prod-5f7561db3a59" target="_blank">FastAPI/Starlette debug vs prod</a> by <a href="https://medium.com/@williamhayes" target="_blank">William Hayes</a>.
+* [FastAPI/Starlette debug vs prod](https://medium.com/@williamhayes/fastapi-starlette-debug-vs-prod-5f7561db3a59){.external-link target=_blank} by [William Hayes](https://medium.com/@williamhayes){.external-link target=_blank}.
 
-* <a href="https://medium.com/data-rebels/fastapi-google-as-an-external-authentication-provider-3a527672cf33" target="_blank">FastAPI — Google as an external authentication provider</a> by <a href="https://medium.com/@nils_29588" target="_blank">Nils de Bruin</a>.
+* [FastAPI — Google as an external authentication provider](https://medium.com/data-rebels/fastapi-google-as-an-external-authentication-provider-3a527672cf33){.external-link target=_blank} by [Nils de Bruin](https://medium.com/@nils_29588){.external-link target=_blank}.
 
-* <a href="https://medium.com/data-rebels/fastapi-how-to-add-basic-and-cookie-authentication-a45c85ef47d3" target="_blank">FastAPI — How to add basic and cookie authentication</a> by <a href="https://medium.com/@nils_29588" target="_blank">Nils de Bruin</a>.
+* [FastAPI — How to add basic and cookie authentication](https://medium.com/data-rebels/fastapi-how-to-add-basic-and-cookie-authentication-a45c85ef47d3){.external-link target=_blank} by [Nils de Bruin](https://medium.com/@nils_29588){.external-link target=_blank}.
 
-* <a href="https://dev.to/errietta/introduction-to-the-fastapi-python-framework-2n10" target="_blank">Introduction to the fastapi python framework</a> by <a href="https://dev.to/errietta" target="_blank">Errieta Kostala</a>.
+* [Introduction to the fastapi python framework](https://dev.to/errietta/introduction-to-the-fastapi-python-framework-2n10){.external-link target=_blank} by [Errieta Kostala](https://dev.to/errietta){.external-link target=_blank}.
 
-* <a href="http://nickc1.github.io/api,/scikit-learn/2019/01/10/scikit-fastapi.html" target="_blank">FastAPI and Scikit-Learn: Easily Deploy Models</a> by <a href="http://nickc1.github.io/" target="_blank">Nick Cortale</a>.
+* [FastAPI and Scikit-Learn: Easily Deploy Models](http://nickc1.github.io/api,/scikit-learn/2019/01/10/scikit-fastapi.html){.external-link target=_blank} by [Nick Cortale](http://nickc1.github.io/){.external-link target=_blank}.
 
-* <a href="https://medium.com/data-rebels/fastapi-authentication-revisited-enabling-api-key-authentication-122dc5975680" target="_blank">FastAPI authentication revisited: Enabling API key authentication</a> by <a href="https://medium.com/@nils_29588" target="_blank">Nils de Bruin</a>.
+* [FastAPI authentication revisited: Enabling API key authentication](https://medium.com/data-rebels/fastapi-authentication-revisited-enabling-api-key-authentication-122dc5975680){.external-link target=_blank} by [Nils de Bruin](https://medium.com/@nils_29588){.external-link target=_blank}.
 
-* <a href="https://blog.bartab.fr/fastapi-logging-on-the-fly/" target="_blank">FastAPI, a simple use case on logging</a> by <a href="https://blog.bartab.fr/" target="_blank">@euri10</a>.
+* [FastAPI, a simple use case on logging](https://blog.bartab.fr/fastapi-logging-on-the-fly/){.external-link target=_blank} by [@euri10](https://blog.bartab.fr/){.external-link target=_blank}.
 
-* <a href="https://medium.com/@nico.axtmann95/deploying-a-scikit-learn-model-with-onnx-und-fastapi-1af398268915" target="_blank">Deploying a scikit-learn model with ONNX and FastAPI</a> by <a href="https://www.linkedin.com/in/nico-axtmann" target="_blank">Nico Axtmann</a>.
+* [Deploying a scikit-learn model with ONNX and FastAPI](https://medium.com/@nico.axtmann95/deploying-a-scikit-learn-model-with-onnx-und-fastapi-1af398268915){.external-link target=_blank} by [Nico Axtmann](https://www.linkedin.com/in/nico-axtmann){.external-link target=_blank}.
 
-* <a href="https://geekflare.com/python-asynchronous-web-frameworks/" target="_blank">Top 5 Asynchronous Web Frameworks for Python</a> by <a href="https://geekflare.com/author/ankush/" target="_blank">Ankush Thakur</a> on <a href="https://geekflare.com" target="_blank">GeekFlare</a>.
+* [Top 5 Asynchronous Web Frameworks for Python](https://geekflare.com/python-asynchronous-web-frameworks/){.external-link target=_blank} by [Ankush Thakur](https://geekflare.com/author/ankush/){.external-link target=_blank} on [GeekFlare](https://geekflare.com){.external-link target=_blank}.
 
-* <a href="https://medium.com/@gntrm/jwt-authentication-with-fastapi-and-aws-cognito-1333f7f2729e" target="_blank">JWT Authentication with FastAPI and AWS Cognito</a> by <a href="https://twitter.com/gntrm" target="_blank">Johannes Gontrum</a>.
+* [JWT Authentication with FastAPI and AWS Cognito](https://medium.com/@gntrm/jwt-authentication-with-fastapi-and-aws-cognito-1333f7f2729e){.external-link target=_blank} by [Johannes Gontrum](https://twitter.com/gntrm){.external-link target=_blank}.
 
-* <a href="https://towardsdatascience.com/how-to-deploy-a-machine-learning-model-dc51200fe8cf" target="_blank">How to Deploy a Machine Learning Model</a> by <a href="https://www.linkedin.com/in/mgrootendorst/" target="_blank">Maarten Grootendorst</a> on <a href="https://towardsdatascience.com/" target="_blank">Towards Data Science</a>.
+* [How to Deploy a Machine Learning Model](https://towardsdatascience.com/how-to-deploy-a-machine-learning-model-dc51200fe8cf){.external-link target=_blank} by [Maarten Grootendorst](https://www.linkedin.com/in/mgrootendorst/){.external-link target=_blank} on [Towards Data Science](https://towardsdatascience.com/){.external-link target=_blank}.
 
-* <a href="https://eng.uber.com/ludwig-v0-2/" target="_blank">Uber: Ludwig v0.2 Adds New Features and Other Improvements to its Deep Learning Toolbox [including a FastAPI server]</a> on <a href="https://eng.uber.com" target="_blank">Uber Engineering</a>.
+* [Uber: Ludwig v0.2 Adds New Features and Other Improvements to its Deep Learning Toolbox [including a FastAPI server]](https://eng.uber.com/ludwig-v0-2/){.external-link target=_blank} on [Uber Engineering](https://eng.uber.com){.external-link target=_blank}.
 
-* <a href="https://gitlab.com/euri10/fastapi_cheatsheet" target="_blank">A FastAPI and Swagger UI visual cheatsheet</a> by <a href="https://gitlab.com/euri10" target="_blank">@euri10</a>
+* [A FastAPI and Swagger UI visual cheatsheet](https://gitlab.com/euri10/fastapi_cheatsheet){.external-link target=_blank} by [@euri10](https://gitlab.com/euri10){.external-link target=_blank}
+
+* [Using Docker Compose to deploy a lightweight Python REST API with a job queue](https://medium.com/@mike.p.moritz/using-docker-compose-to-deploy-a-lightweight-python-rest-api-with-a-job-queue-37e6072a209b){.external-link target=_blank} by [Mike Moritz](https://medium.com/@mike.p.moritz){.external-link target=_blank}.
+
+* [Setting up Tortoise ORM with FastAPI](https://robwagner.dev/tortoise-fastapi-setup/){.external-link target=_blank} by [Rob Wagner](https://robwagner.dev/){.external-link target=_blank}.
+
+* [Why I'm Leaving Flask](https://dev.to/dbanty/why-i-m-leaving-flask-3ki6){.external-link target=_blank} by [Dylan Anthony](https://dev.to/dbanty){.external-link target=_blank}.
+
+* [How To Deploy Tensorflow 2.0 Models As An API Service With FastAPI & Docker](https://medium.com/python-data/how-to-deploy-tensorflow-2-0-models-as-an-api-service-with-fastapi-docker-128b177e81f3){.external-link target=_blank} by [Bernard Brenyah](https://medium.com/@bbrenyah){.external-link target=_blank}.
+
+* [TestDriven.io: Developing and Testing an Asynchronous API with FastAPI and Pytest](https://testdriven.io/blog/fastapi-crud/){.external-link target=_blank} by [Michael Herman](https://testdriven.io/authors/herman/){.external-link target=_blank}.
+
+* [Towards Data Science: Deploying Iris Classifications with FastAPI and Docker](https://towardsdatascience.com/deploying-iris-classifications-with-fastapi-and-docker-7c9b83fdec3a){.external-link target=_blank} by [Mandy Gu](https://towardsdatascience.com/@mandygu){.external-link target=_blank}.
+
+* [Deploy Machine Learning Models with Keras, FastAPI, Redis and Docker](https://medium.com/analytics-vidhya/deploy-machine-learning-models-with-keras-fastapi-redis-and-docker-4940df614ece){.external-link target=_blank} by [Shane Soh](https://medium.com/@shane.soh){.external-link target=_blank}.
+
+* [Another Boilerplate to FastAPI: Azure Pipeline CI + Pytest](https://medium.com/@arthur393/another-boilerplate-to-fastapi-azure-pipeline-ci-pytest-3c8d9a4be0bb){target=_blank} by [Arthur Henrique](https://twitter.com/arthurheinrique){target=_blank}.
 
 ### Japanese
 
-* <a href="https://qiita.com/mtitg/items/47770e9a562dd150631d" target="_blank">FastAPI｜DB接続してCRUDするPython製APIサーバーを構築</a> by <a href="https://qiita.com/mtitg" target="_blank">@mtitg</a>.
+* [FastAPI｜DB接続してCRUDするPython製APIサーバーを構築](https://qiita.com/mtitg/items/47770e9a562dd150631d){.external-link target=_blank} by [@mtitg](https://qiita.com/mtitg){.external-link target=_blank}.
 
-* <a href="https://qiita.com/ryoryomaru/items/59958ed385b3571d50de" target="_blank">python製の最新APIフレームワーク FastAPI を触ってみた</a> by <a href="https://qiita.com/ryoryomaru" target="_blank">@ryoryomaru</a>.
+* [python製の最新APIフレームワーク FastAPI を触ってみた](https://qiita.com/ryoryomaru/items/59958ed385b3571d50de){.external-link target=_blank} by [@ryoryomaru](https://qiita.com/ryoryomaru){.external-link target=_blank}.
 
-* <a href="https://qiita.com/angel_katayoku/items/0e1f5dbbe62efc612a78" target="_blank">FastAPIでCORSを回避</a> by <a href="https://qiita.com/angel_katayoku" target="_blank">@angel_katayoku</a>.
+* [FastAPIでCORSを回避](https://qiita.com/angel_katayoku/items/0e1f5dbbe62efc612a78){.external-link target=_blank} by [@angel_katayoku](https://qiita.com/angel_katayoku){.external-link target=_blank}.
 
-* <a href="https://qiita.com/angel_katayoku/items/4fbc1a4e2b33fa2237d2" target="_blank">FastAPIをMySQLと接続してDockerで管理してみる</a> by <a href="https://qiita.com/angel_katayoku" target="_blank">@angel_katayoku</a>.
+* [FastAPIをMySQLと接続してDockerで管理してみる](https://qiita.com/angel_katayoku/items/4fbc1a4e2b33fa2237d2){.external-link target=_blank} by [@angel_katayoku](https://qiita.com/angel_katayoku){.external-link target=_blank}.
 
-* <a href="https://qiita.com/angel_katayoku/items/8a458a8952f50b73f420" target="_blank">FastAPIでPOSTされたJSONのレスポンスbodyを受け取る</a> by <a href="https://qiita.com/angel_katayoku" target="_blank">@angel_katayoku</a>.
+* [FastAPIでPOSTされたJSONのレスポンスbodyを受け取る](https://qiita.com/angel_katayoku/items/8a458a8952f50b73f420){.external-link target=_blank} by [@angel_katayoku](https://qiita.com/angel_katayoku){.external-link target=_blank}.
 
-* <a href="https://qiita.com/hikarut/items/b178af2e2440c67c6ac4" target="_blank">フロントエンド開発者向けのDockerによるPython開発環境構築</a> by <a href="https://qiita.com/hikarut" target="_blank">Hikaru Takahashi</a>.
+* [フロントエンド開発者向けのDockerによるPython開発環境構築](https://qiita.com/hikarut/items/b178af2e2440c67c6ac4){.external-link target=_blank} by [Hikaru Takahashi](https://qiita.com/hikarut){.external-link target=_blank}.
 
-* <a href="https://rightcode.co.jp/blog/information-technology/fastapi-tutorial-todo-apps-environment" target="_blank">【第1回】FastAPIチュートリアル: ToDoアプリを作ってみよう【環境構築編】</a> by <a href="https://rightcode.co.jp/author/jun" target="_blank">ライトコードメディア編集部</a>
+* [【第1回】FastAPIチュートリアル: ToDoアプリを作ってみよう【環境構築編】](https://rightcode.co.jp/blog/information-technology/fastapi-tutorial-todo-apps-environment){.external-link target=_blank} by [ライトコードメディア編集部](https://rightcode.co.jp/author/jun){.external-link target=_blank}
 
-* <a href="https://rightcode.co.jp/blog/information-technology/fastapi-tutorial-todo-apps-model-building" target="_blank">【第2回】FastAPIチュートリアル: ToDoアプリを作ってみよう【モデル構築編】</a> by <a href="https://rightcode.co.jp/author/jun" target="_blank">ライトコードメディア編集部</a>
+* [【第2回】FastAPIチュートリアル: ToDoアプリを作ってみよう【モデル構築編】](https://rightcode.co.jp/blog/information-technology/fastapi-tutorial-todo-apps-model-building){.external-link target=_blank} by [ライトコードメディア編集部](https://rightcode.co.jp/author/jun){.external-link target=_blank}
 
-* <a href="https://rightcode.co.jp/blog/information-technology/fastapi-tutorial-todo-apps-authentication-user-registration" target="_blank">【第3回】FastAPIチュートリアル: toDoアプリを作ってみよう【認証・ユーザ登録編】</a> by <a href="https://rightcode.co.jp/author/jun" target="_blank">ライトコードメディア編集部</a>
+* [【第3回】FastAPIチュートリアル: toDoアプリを作ってみよう【認証・ユーザ登録編】](https://rightcode.co.jp/blog/information-technology/fastapi-tutorial-todo-apps-authentication-user-registration){.external-link target=_blank} by [ライトコードメディア編集部](https://rightcode.co.jp/author/jun){.external-link target=_blank}
 
-* <a href="https://rightcode.co.jp/blog/information-technology/fastapi-tutorial-todo-apps-admin-page-improvement" target="_blank">【第4回】FastAPIチュートリアル: toDoアプリを作ってみよう【管理者ページ改良編】</a> by <a href="https://rightcode.co.jp/author/jun" target="_blank">ライトコードメディア編集部</a>
+* [【第4回】FastAPIチュートリアル: toDoアプリを作ってみよう【管理者ページ改良編】](https://rightcode.co.jp/blog/information-technology/fastapi-tutorial-todo-apps-admin-page-improvement){.external-link target=_blank} by [ライトコードメディア編集部](https://rightcode.co.jp/author/jun){.external-link target=_blank}
 
 ### Chinese
 
-* <a href="https://cloud.tencent.com/developer/article/1431448" target="_blank">使用FastAPI框架快速构建高性能的api服务</a> by <a href="https://cloud.tencent.com/developer/user/5471722" target="_blank">逍遥散人</a>.
+* [使用FastAPI框架快速构建高性能的api服务](https://cloud.tencent.com/developer/article/1431448){.external-link target=_blank} by [逍遥散人](https://cloud.tencent.com/developer/user/5471722){.external-link target=_blank}.
 
-* <a href="https://wxq0309.github.io/" target="_blank">FastAPI框架中文文档</a> by <a href="https://wxq0309.github.io/" target="_blank">何大仙</a>.
+* [FastAPI框架中文文档](https://wxq0309.github.io/){.external-link target=_blank} by [何大仙](https://wxq0309.github.io/){.external-link target=_blank}.
 
 ### Vietnamese
 
-* <a href="https://fullstackstation.com/fastapi-trien-khai-bang-docker/" target="_blank">FASTAPI: TRIỂN KHAI BẰNG DOCKER</a> by <a href="https://fullstackstation.com/author/figonking/" target="_blank">Nguyễn Nhân</a>.
+* [FASTAPI: TRIỂN KHAI BẰNG DOCKER](https://fullstackstation.com/fastapi-trien-khai-bang-docker/){.external-link target=_blank} by [Nguyễn Nhân](https://fullstackstation.com/author/figonking/){.external-link target=_blank}.
 
 ### Russian
 
-* <a href="https://habr.com/ru/post/454440/" target="_blank">Мелкая питонячая радость #2: Starlette - Солидная примочка – FastAPI</a> by <a href="https://habr.com/ru/users/57uff3r/" target="_blank">Andrey Korchak</a>.
+* [Мелкая питонячая радость #2: Starlette - Солидная примочка – FastAPI](https://habr.com/ru/post/454440/){.external-link target=_blank} by [Andrey Korchak](https://habr.com/ru/users/57uff3r/){.external-link target=_blank}.
 
-* <a href="https://habr.com/ru/post/478620/" target="_blank">Почему Вы должны попробовать FastAPI?</a> by <a href="https://github.com/prostomarkeloff" target="_blank">prostomarkeloff</a>.
+* [Почему Вы должны попробовать FastAPI?](https://habr.com/ru/post/478620/){.external-link target=_blank} by [prostomarkeloff](https://github.com/prostomarkeloff){.external-link target=_blank}.
+
+### German
+
+* [Inbetriebnahme eines scikit-learn-Modells mit ONNX und FastAPI](https://blog.codecentric.de/2019/08/inbetriebnahme-eines-scikit-learn-modells-mit-onnx-und-fastapi/){.external-link target=_blank} by [Nico Axtmann](https://twitter.com/_nicoax){.external-link target=_blank}.
 
 ## Podcasts
 
-* <a href="https://pythonbytes.fm/episodes/show/123/time-to-right-the-py-wrongs?time_in_sec=855" target="_blank">FastAPI on PythonBytes</a> by <a href="https://pythonbytes.fm/" target="_blank">Python Bytes FM</a>.
+* [FastAPI on PythonBytes](https://pythonbytes.fm/episodes/show/123/time-to-right-the-py-wrongs?time_in_sec=855){.external-link target=_blank} by [Python Bytes FM](https://pythonbytes.fm/){.external-link target=_blank}.
+
+## Talks
+
+* [PyCon UK 2019: FastAPI from the ground up](https://www.youtube.com/watch?v=3DLwPcrE5mA){.external-link target=_blank} by [Chris Withers](https://twitter.com/chriswithers13){.external-link target=_blank}.
+
+## Projects
+
+Latest GitHub projects with the topic `fastapi`:
+
+<div class="github-topic-projects">
+</div>
diff --git a/docs/js/custom.js b/docs/js/custom.js
@@ -0,0 +1,39 @@
+const div = document.querySelector('.github-topic-projects')
+
+async function getDataBatch(page) {
+    const response = await fetch(`https://api.github.com/search/repositories?q=topic:fastapi&per_page=100&page=${page}`, { headers: { Accept: 'application/vnd.github.mercy-preview+json' } })
+    const data = await response.json()
+    return data
+}
+
+async function getData() {
+    let page = 1
+    let data = []
+    let dataBatch = await getDataBatch(page)
+    data = data.concat(dataBatch.items)
+    const totalCount = dataBatch.total_count
+    while (data.length < totalCount) {
+        page += 1
+        dataBatch = await getDataBatch(page)
+        data = data.concat(dataBatch.items)
+    }
+    return data
+}
+
+async function main() {
+    if (div) {
+        data = await getData()
+        div.innerHTML = '<ul></ul>'
+        const ul = document.querySelector('.github-topic-projects ul')
+        data.forEach(v => {
+            if (v.full_name === 'tiangolo/fastapi') {
+                return
+            }
+            const li = document.createElement('li')
+            li.innerHTML = `<a href="${v.html_url}" target="_blank">★ ${v.stargazers_count} - ${v.full_name}</a> by <a href="${v.owner.html_url}" target="_blank">@${v.owner.login}</a>`
+            ul.append(li)
+        })
+    }
+}
+
+main()
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -126,3 +126,9 @@ extra:
           link: 'https://medium.com/@tiangolo'
         - type: 'globe'
           link: 'https://tiangolo.com'
+
+extra_css:
+    - 'css/custom.css'
+
+extra_javascript:
+    - 'js/custom.js'