fix: links in build an app, connect, more redirects

next.config.js

@@ -293,6 +293,18 @@ async function redirects() {
       destination: 'https://blockstack.github.io/blockstack-android/',
       permanent: true,
     },
+    {
+      source: '/android/tutorial.html', // TODO: update once choice has been made on SDKs
+      destination:
+        'https://github.com/blockstack/docs.blockstack/blob/master-legacy/android/tutorial.md',
+      permanent: true,
+    },
+    {
+      source: '/ios/tutorial.html', // TODO: update once choice has been made on SDKs
+      destination:
+        'https://github.com/blockstack/docs.blockstack/blob/master-legacy/android/tutorial.md',
+      permanent: true,
+    },
     {
       source: '/common/ios_ref.html',
       destination: 'https://blockstack.github.io/blockstack-ios/',

src/components/custom-blocks/page-reference.tsx

@@ -90,7 +90,7 @@ const InlineCard = ({ page }) => {
           transform={(hover || active) && 'scale(1.18)'}
           style={{ willChange: 'transform' }}
           size="64px"
-          src={page.images.sm}
+          src={page?.images?.sm}
         />
       </Box>
       <Flex

src/pages/authentication/connect.md

@@ -3,11 +3,14 @@ title: Blockstack Connect
 description: Learn what Connect is and how to integrate it into an app.
 experience: beginners
 duration: 15 minutes
+images:
+  large: /images/pages/connect.svg
+  sm: /images/pages/connect-sm.svg
 ---
 
 ## Introduction
 
-Blockstack Connect is a JavaScript library for integrating Blockstack authentication and smart contracts into your app.
+Blockstack Connect is a JavaScript library for integrating Blockstack authentication, data storage, and smart contracts into your app.
 
 The library empowers you to:
 

src/pages/build-an-app.md

@@ -16,10 +16,11 @@ Prefer to jump right in? Get started with this tutorial where you’ll create a
 ## What are decentralized apps?
 
 Decentralized apps are apps that don’t depend on a centralized platform, server or database. Instead, they use a
-decentralized network, built on the Stacks blockchain, for authentication, data storage, and backend logic. Just like
+decentralized network, built on the Stacks blockchain, for [authentication](/authentication/overview), [data storage](/data-storage/overview),
-Bitcoin, a decentralized network of applications is accessible to anyone and not controlled by any central authority.
+and [backend logic](/data-indexing/overview). Just like Bitcoin, a decentralized network of applications is accessible to
+anyone and not controlled by any central authority.
 
-To learn more about the Blockstack network and decentralization, read the Blockstack overview.
+To learn more about the Blockstack network and decentralization, read the [Blockstack overview](/ecosystem/overview).
 
 ### User-owned data
 
@@ -28,9 +29,9 @@ host, their users’ data. This protects users against security breaches and kee
 
 ### Smart contracts
 
-Decentralized apps can use smart contracts to make their backend logic public, open, and permissionless. Once published
+Decentralized apps can use [smart contracts](/smart-contracts/overview) to make their backend logic public, open, and
-on the blockchain, no one really owns or controls a smart contract. They will execute when their terms are met,
+permissionless. Once published on the blockchain, no one really owns or controls a smart contract. They will execute when
-regardless of who interacts with it.
+the terms are met, regardless of who interacts with it.
 
 ### Compatible and extendable
 
@@ -39,8 +40,9 @@ other apps without requiring permission or fear of being shut out.
 
 ## Getting started
 
-To build your decentralized app, you’ll use authentication, data storage, data indexing (optional), and smart contracts
+To build your decentralized app, you’ll use [authentication](/authentication/overview), [data storage](/data-storage/overview),
-(optional). Get started with the documentation and tutorials below.
+[data indexing](/data-indexing/overview) (optional), and [smart contracts](/smart-contracts/overview) (optional).
+Get started with the documentation and tutorials below.
 
 ### Authentication and data storage
 
@@ -67,7 +69,7 @@ documentation.
 ### Smart contracts
 
 You can use smart contracts to decentralize your app’s backend logic, making it open and permissionless. Smart contracts
-on Blockstack are written in the Clarity language. View the smart contracts documentation or get started with a tutorial.
+on Blockstack are written in the [Clarity language](https://clarity-lang.org). View the smart contracts documentation or get started with a tutorial.
 
 [@page-reference | inline]
 | /smart-contracts/overview
@@ -77,3 +79,11 @@ on Blockstack are written in the Clarity language. View the smart contracts docu
 
 [@page-reference | inline]
 | /smart-contracts/counter-tutorial
+
+### Connect
+
+Connect is a JavaScript library developed by Blockstack PBC that makes it easy to integrate authentication, data storage
+and smart contracts functionality in a user-friendly way.
+
+[@page-reference | inline]
+| /authentication/connect