New updates for /updates (#6671)

* Update index.tsx

* Update docs/pages/updates/index.tsx

Co-authored-by: Tim Leslie <timl@thinkmill.com.au>

* Update docs/pages/updates/index.tsx

Co-authored-by: Tim Leslie <timl@thinkmill.com.au>

* Update index.tsx

* Update index.tsx

Co-authored-by: Tim Leslie <timl@thinkmill.com.au>

docs/pages/updates/index.tsx

@@ -11,6 +11,7 @@ import { Type } from '../../components/primitives/Type';
 import { DocsPage } from '../../components/Page';
 import { ArrowR } from '../../components/icons/ArrowR';
 import { Emoji } from '../../components/primitives/Emoji';
+import { Stack } from '../../components/primitives/Stack';
 import { useMediaQuery } from '../../lib/media';
 
 type TimelineProps = {
@@ -143,7 +144,11 @@ export default function WhatsNew() {
           <a>release notes</a>
         </Link>
         , and subscribe to notifications on
-        <a href="https://github.com/keystonejs/keystone"> GitHub</a>.
+        <a href="https://github.com/keystonejs/keystone" target="_blank" rel="noopener noreferrer">
+          {' '}
+          GitHub
+        </a>
+        .
       </Type>
 
       <Alert look="tip" css={{ margin: '2rem 0' }}>
@@ -167,7 +172,123 @@ export default function WhatsNew() {
           gap: 0,
         })}
       >
-        <Timeline date="6th September 2021" isLatest />
+        <Timeline date="21st September 2021" isLatest />
+        <Box heading="Keystone Community Q&A + YouTube launch">
+          <Stack orientation="horizontal">
+            <a
+              href="https://www.youtube.com/watch?v=r1IJh-iHm1c"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <img
+                width="100%"
+                alt="Community Q&A thumbnail showing title"
+                src="/assets/updates/qanda-1.png"
+              />
+            </a>
+            <a
+              href="https://www.youtube.com/watch?v=r1IJh-iHm1c"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <img
+                width="100%"
+                alt="Community Q&A thumbnail showing Keystone team"
+                src="/assets/updates/qanda-2.png"
+              />
+            </a>
+          </Stack>
+          <Stack orientation="horizontal">
+            <a
+              href="https://www.youtube.com/watch?v=r1IJh-iHm1c"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <img
+                width="100%"
+                alt="Community Q&A thumbnail showing roadmap screenshot"
+                src="/assets/updates/qanda-3.png"
+              />
+            </a>
+            <a
+              href="https://www.youtube.com/watch?v=r1IJh-iHm1c"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <img
+                width="100%"
+                alt="Community Q&A thumbnail showing community question"
+                src="/assets/updates/qanda-4.png"
+              />
+            </a>
+          </Stack>
+          Taking the chance to introduce the core team and address some community questions in
+          person, the team held an online Q&A event and launched a YouTube channel at the same time.{' '}
+          <a
+            href="https://www.youtube.com/watch?v=r1IJh-iHm1c"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Watch it online here
+          </a>
+          .
+        </Box>
+        <Timeline date="16th September 2021" />
+        <Box heading="create-keystone-app now uses SQLite">
+          Our CLI app now uses <InlineCode>SQLite</InlineCode> under the hood so you don’t have to
+          spend time on DB config when trying out new ideas. We also updated the 
+          <Link href="/docs/walkthroughs/getting-started-with-create-keystone-app">
+            <a>getting started walkthrough</a>
+          </Link>{' '}
+          to reflect this improvement.
+        </Box>
+        <Timeline date="15th September 2021" />
+        <Box heading="Deployment examples for Heroku and Railway">
+          Learn how to get your Keystone project on the web with our new one-click starters for{' '}
+          <a
+            href="https://github.com/keystonejs/keystone-6-heroku-example"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Heroku
+          </a>{' '}
+          and{' '}
+          <a
+            href="https://github.com/keystonejs/keystone-6-railway-example"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Railway
+          </a>
+          .
+        </Box>
+        <Timeline date="9th September 2021" />
+        <Box heading="Prisma Meetup Korea">
+          Jed spoke at Prisma Meetup Korea, covering V6 general availability, user-facing
+          management, UI authentication, access control, business logic integrations and more.{' '}
+          <a href="https://youtu.be/qKqSRTtOlmw?t=4101" target="_blank" rel="noopener noreferrer">
+            Watch it online here
+          </a>
+          .
+        </Box>
+        <Timeline date="7th September 2021" />
+        <Box heading="Next 11, Faster Startups, Custom Servers">
+          Major release #2 of #3 planned ahead of Keystone 6 General Availability includes:
+          <ul>
+            <li>
+              A better{' '}
+              <Link href="/updates/new-access-control">
+                <a>Access Control API</a>
+              </Link>
+            </li>
+            <li>Customisable Express + GraphQL API paths</li>
+            <li>Apollo Server introspection</li>
+            <li>Omit GraphQL operations</li>
+            <li>Faster startups in local dev</li>
+            <li>Keystone has been updated to Next.js v11</li>
+          </ul>
+        </Box>
+        <Timeline date="6th September 2021" />
         <Box heading="New & Improved Access Control API">
           Access Control is now easier to program, and makes it harder to introduce security gaps in
           your system.
@@ -187,15 +308,15 @@ export default function WhatsNew() {
             </li>
           </ul>
           To securely upgrade your system, follow the instructions in our{' '}
-          <Link href="https://keystonejs.com/updates/new-access-control">
+          <Link href="/updates/new-access-control">
             <a>Access Control upgrade guide</a>
           </Link>
           .
         </Box>
-        <Timeline date="6th September 2021" isLatest />
+        <Timeline date="6th September 2021" />
         <Box heading="Customisable Express App">
           A long awaited feature, the Express App that Keystone creates is now{' '}
-          <Link href="https://keystonejs.com/docs/apis/config#server">
+          <Link href="/docs/apis/config#server">
             <a>customisable</a>
           </Link>{' '}
           with the new <InlineCode>extendExpressApp</InlineCode> option:
@@ -205,12 +326,12 @@ export default function WhatsNew() {
             <li>And more...</li>
           </ul>
         </Box>
-        <Timeline date="6th September 2021" isLatest />
+        <Timeline date="6th September 2021" />
         <Box heading="GraphQL Path Customisation">
           The GraphQL endpoint accessible by default at `/api/graphql` can now be customised with
           the new option <InlineCode>config.graphql.path</InlineCode>. You can find this and all
           other options in our{' '}
-          <Link href="https://keystonejs.com/docs/apis/config#graphql">
+          <Link href="/docs/apis/config#graphql">
             <a>GraphQL API docs</a>
           </Link>
           .
@@ -295,7 +416,11 @@ export default function WhatsNew() {
               allowFullScreen
             />
           </div>
-          <a href="https://github.com/keystonejs/prisma-day-2021-workshop">
+          <a
+            href="https://github.com/keystonejs/prisma-day-2021-workshop"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             Follow along in with the repo
           </a>{' '}
           as Jed builds a front and back-end for a Blog app with Prisma, KeystoneJS, GraphQL,
@@ -327,7 +452,11 @@ export default function WhatsNew() {
         <Timeline date="29th June 2021" />
         <Box heading="New example: Custom Field Views">
           Learn how to create a{' '}
-          <a href="https://github.com/keystonejs/keystone/tree/master/examples/custom-field-view">
+          <a
+            href="https://github.com/keystonejs/keystone/tree/master/examples/custom-field-view"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             custom field view
           </a>{' '}
           for a <InlineCode>JSON</InlineCode> field that lets users users add, edit and remove
@@ -455,7 +584,11 @@ export default function WhatsNew() {
         <Box heading="New JSON field">
           You can now use JSON blobs in your backend, and provide your own React UI components to
           edit them. Try it out in this{' '}
-          <a href="https://github.com/keystonejs/keystone/tree/master/examples/json">
+          <a
+            href="https://github.com/keystonejs/keystone/tree/master/examples/json"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             example project
           </a>
           . It accepts any valid JSON node including:
@@ -477,7 +610,11 @@ export default function WhatsNew() {
         <Timeline date="1st June 2021" />
         <Box heading="Example projects collection">
           We now have a{' '}
-          <a href="https://github.com/keystonejs/keystone/tree/master/examples">
+          <a
+            href="https://github.com/keystonejs/keystone/tree/master/examples"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             collection of example projects
           </a>{' '}
           you can run locally to learn more about a particular feature of Keystone. Each project