From 921dcd353d4731bc5a81cf54ed5cde546d77ad36 Mon Sep 17 00:00:00 2001
From: Tanner Linsley <tannerlinsley@gmail.com>
Date: Fri, 11 Sep 2026 16:17:26 -0600
Subject: [PATCH] feat(start): link Learn Start course from learning pages

---
 src/components/landing/StartLanding.tsx |  9 +++++++++
 src/routes/learn.tsx                    | 10 ++++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/components/landing/StartLanding.tsx b/src/components/landing/StartLanding.tsx
index dcf665bfc..5d3c694f4 100644
--- a/src/components/landing/StartLanding.tsx
+++ b/src/components/landing/StartLanding.tsx
@@ -124,6 +124,15 @@ export default function StartLanding() {
             icon={<GitBranchIcon aria-hidden="true" size={15} />}
             title="The framework does not replace the application model."
             body="Routes, params, search schemas, loaders, links, pending states, and boundaries stay TanStack Router. Start adds the server and build layers around that same tree."
+            action={
+              <a
+                href="/start/latest/docs/framework/react/tutorial/learn-start"
+                className="inline-flex items-center gap-2 text-ds-label-lg underline underline-offset-4"
+              >
+                Build an app with Learn Start
+                <ArrowRightIcon aria-hidden="true" size={18} />
+              </a>
+            }
           />
           <RouterFoundation />
         </div>
diff --git a/src/routes/learn.tsx b/src/routes/learn.tsx
index f324a4264..4e1168ee4 100644
--- a/src/routes/learn.tsx
+++ b/src/routes/learn.tsx
@@ -33,6 +33,16 @@ function LearnPage() {
             individual or team, we have resources that will help you succeed.
           </p>
         </header>
+        <a
+          href="/start/latest/docs/framework/react/tutorial/learn-start"
+          className="block rounded-lg border border-gray-500/20 p-6 hover:border-green-500 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-green-500"
+        >
+          <h2 className="text-xl font-bold">Learn TanStack Start</h2>
+          <p className="mt-2 text-gray-600 dark:text-gray-400">
+            Build one React app through eight working checkpoints: routing,
+            PostgreSQL, forms, accounts, SEO, deployment, and tests.
+          </p>
+        </a>
         <div className="flex items-stretch flex-wrap gap-4 max-w-full w-[900px] justify-center">
           <a
             href="https://youtube.com/@tan_stack"