diff --git a/apps/web/src/routes/development.svelte b/apps/web/src/routes/development.svelte
deleted file mode 100644
index ebc541d312bf..000000000000
--- a/apps/web/src/routes/development.svelte
+++ /dev/null
@@ -1,299 +0,0 @@
-<script lang="typescript">
-  import NavBar from "../components/NavBar"
-  import Mascot from "../components/Mascot"
-  import TwitterButton from "../components/TwitterButton"
-  import GitHubButton from "../components/GitHubButton"
-  import Column from "lluis/Column"
-  import Columns from "lluis/Columns"
-  import Title from "lluis/Title"
-  import { _ } from "svelte-i18n"
-
-  import shuffle from "lodash.shuffle"
-
-  const API_URL =
-    "https://api.github.com/repos/kantord/LibreLingo/issues?per_page=100"
-  let issues = null
-
-  if (process.browser === true) {
-      fetch(API_URL)
-          .then((res) => res.json())
-          .then((res) => {
-              issues = shuffle(res)
-                  .filter(
-                      ({ state, pull_request, labels }) =>
-                          state === "open" && !pull_request && labels.length !== 0
-                  )
-                  .slice(0, 10)
-          })
-          .catch(() => (issues = []))
-  }
-</script>
-
-<svelte:head>
-  <title>LibreLingo - Development</title>
-  <meta name="description" content="{$_('development.meta.description')}" />
-</svelte:head>
-
-{#if issues === null}
-  <div class="pageloader is-active">
-    <Title>LibreLingo</Title>
-  </div>
-{/if}
-
-<section class="hero is-primary">
-  <div class="hero-head">
-    <NavBar />
-  </div>
-  <div class="hero-body">
-    <div class="container">
-      <div class="columns project-introduction">
-        <Column size="1/3">
-          <Title><img src="images/logo.svg" alt="LibreLingo" /></Title>
-        </Column>
-        <Column>
-          <Title size="{2}" isSubtitle="{true}">{$_("index.subtitle")}</Title>
-          <div class="buttons">
-            <a
-              class="button is-primary is-inverted is-outlined"
-              href="course/spanish-from-english"
-            >
-              {$_("index.start_spanish_course")}
-            </a>
-            <a
-              class="button is-primary is-inverted is-outlined is-hidden"
-              href="course/german-from-english"
-            >
-              {$_("index.start_german_course")}
-            </a>
-            <a class="button is-primary is-inverted is-outlined" href="about">
-              {$_("index.about_librelingo")}
-            </a>
-            <TwitterButton />
-          </div>
-        </Column>
-      </div>
-    </div>
-
-    <div class="container">
-      <Title size="{2}" sizeMobile="{3}">Recent major new features</Title>
-
-      <Columns>
-        <Column size="1/4">
-          <div class="mascot">
-            <Mascot shadow="{false}" glow="{true}" />
-          </div>
-        </Column>
-
-        <Column>
-          <div class="is-centered-both-ways">
-            <div>
-              <h3 class="is-size-3 is-size-4-mobile">
-                A new mascot designed by
-                <a
-                  href="https://carolinedelesalle.com/"
-                  target="_blank"
-                  class="link"
-                >
-                  Caroline Delesalle
-                </a>
-              </h3>
-            </div>
-          </div>
-        </Column>
-      </Columns>
-
-      <Columns>
-        <Column>
-          <div class=" has-text-centered is-centered-both-ways">
-            <Title size="{3}">Spaced repetition</Title>
-          </div>
-        </Column>
-
-        <Column sizeTablet="1/3">
-          <img
-            src="images/screenshot-spaced-repetition.png"
-            alt=""
-            class="screenshot"
-          />
-        </Column>
-      </Columns>
-
-      <Columns reversed>
-        <Column sizeTablet="1/3">
-          <img
-            src="images/screenshot-chips-challenge.png"
-            alt=""
-            class="screenshot"
-          />
-        </Column>
-
-        <Column>
-          <div class="has-text-centered is-centered-both-ways">
-            <Title size="{3}">Practice word order</Title>
-          </div>
-        </Column>
-      </Columns>
-
-      <Columns>
-        <Column>
-          <div class="has-text-centered is-centered-both-ways">
-            <Title size="{3}">Course editor</Title>
-          </div>
-        </Column>
-
-        <Column sizeTablet="1/3">
-          <img
-            src="images/screenshot-course-editor.png"
-            alt=""
-            class="screenshot"
-          />
-        </Column>
-      </Columns>
-
-      <Columns reversed="">
-        <Column sizeTablet="1/3">
-          <img
-            src="images/screenshot-dictionary.png"
-            alt=""
-            class="screenshot"
-          />
-        </Column>
-
-        <Column>
-          <div class="has-text-centered is-centered-both-ways">
-            <Title size="{3}">Built-in mini-dictionary</Title>
-          </div>
-        </Column>
-      </Columns>
-
-      <div class="development-progress">
-        <Title size="{3}">Progress towards alpha release</Title>
-        <progress class="progress is-medium is-info" value="75" max="100">
-          45%
-        </progress>
-      </div>
-
-      <div class="buttons buttons-bottom">
-        <a
-          class="button is-primary is-inverted is-outlined"
-          href="https://librelingo.app/docs/"
-        >
-          Development documentation
-        </a>
-        <GitHubButton size="default" />
-        <TwitterButton />
-      </div>
-    </div>
-  </div>
-</section>
-
-{#if issues !== null && issues.length}
-  <section class="section">
-    <div class="container">
-      <Title size="{3}">Looking for a challange? Check out these issues:</Title>
-      <div class="columns is-multiline">
-        {#each issues as { title, html_url, labels }}
-          <div class="column is-one-third">
-            <a href="{html_url}">
-              <div class="card">
-                <header class="card-header">
-                  <p class="card-header-title">{title}</p>
-                </header>
-                <div class="card-content">
-                  <div class="content">
-                    <div class="tags">
-                      {#each labels as { name, color }}
-                        <div
-                          class="tag"
-                          style="{`background-color: #${color}`}"
-                        >
-                          {name}
-                        </div>
-                      {/each}
-                    </div>
-                  </div>
-                </div>
-                <footer class="card-footer">
-                  <div class="card-footer-item">Contribute to this issue</div>
-                </footer>
-              </div>
-            </a>
-          </div>
-        {/each}
-      </div>
-    </div>
-  </section>
-{/if}
-
-<style type="text/scss">
-  @import "../variables";
-
-  .card {
-    background: white;
-  }
-
-  .tag {
-    color: $white;
-    text-shadow: 1px 1px 0 $black;
-  }
-
-  .title img {
-    height: 3em;
-  }
-
-  .project-introduction {
-    margin-bottom: 4em;
-  }
-
-  h2 {
-    margin-bottom: 1em;
-  }
-
-  h3 {
-    margin-bottom: 1em;
-  }
-
-  .screenshot {
-    box-shadow: 0 0 2em #ffffff42;
-  }
-
-  .is-centered-both-ways {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-  }
-
-  .development-progress {
-    margin-top: 4em;
-    margin-bottom: 4em;
-  }
-
-  .hero {
-    padding-bottom: 5em;
-    min-height: 100vh;
-
-    .link {
-      color: $white;
-      text-decoration: underline;
-      text-decoration-style: dotted;
-    }
-  }
-
-  @include until($tablet) {
-    .mascot {
-      width: 45%;
-      margin: auto;
-    }
-
-    .columns {
-      margin-bottom: 6em;
-    }
-  }
-
-  @include from($tablet) {
-    .buttons-bottom {
-      margin-top: 6em;
-    }
-  }
-</style>
diff --git a/apps/web/src/routes/index.svelte b/apps/web/src/routes/index.svelte
index 0dd4d804581f..f2a671c10224 100644
--- a/apps/web/src/routes/index.svelte
+++ b/apps/web/src/routes/index.svelte
@@ -64,9 +64,9 @@
                 </Translate>
               </Button>
 
-              <Button primary href="development">
-                <Translate key="index.development_progress">
-                  About LibreLingo
+              <Button primary href="https://librelingo.app/docs/">
+                <Translate key="index.development_docs">
+                  Development documentation
                 </Translate>
               </Button>
               <a href="/devtools" class="is-invisible"></a>
diff --git a/apps/web/src/translation/en.json b/apps/web/src/translation/en.json
index 417aa37d8b08..9e375b37b7ba 100644
--- a/apps/web/src/translation/en.json
+++ b/apps/web/src/translation/en.json
@@ -9,4 +9,4 @@
     "development.meta.description": "Read about the recent major new features in LibreLingo, an experiment to create a community driven language-learning platform.",
     "sign-up.meta.description": "Sign up to LibreLingo and learn a language for free.",
     "index.development_docs": "Development documentation"
-}
\ No newline at end of file
+}