Skip to content

Commit 2ccdebb

Browse files
committed
Move Chat React UI Component getting started guide to own section on index pageg
1 parent d0c703d commit 2ccdebb

File tree

3 files changed

+19
-292
lines changed

3 files changed

+19
-292
lines changed

src/components/Layout/mdx/tiles.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ const Tile = ({ title, description, image, link = '/docs' }: TileProps) => {
3232

3333
export const Tiles = ({ children }: { children: TileProps[] }) => {
3434
return (
35-
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4 pb-40">
35+
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
3636
{children
3737
.filter((item) => item.title && item.description)
3838
.map((item: TileProps) => (

src/pages/docs/chat/getting-started/index.mdx

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,9 @@ redirect_from:
88

99
Get started with Ably Chat by choosing your language or framework.
1010

11-
You'll learn the basics, such as how to connect to Ably, send and receive messages, and manage the status of users with presence. You'll also be introduced to the Ably CLI and your Ably dashboard to interact with, and manage your apps.
11+
You'll learn the essentials of building realtime chat applications, including how to create and manage chat rooms, send and edit messages, implement typing indicators, track user presence, retrieve message history, and send ephemeral reactions. You'll also discover how to use the Ably CLI for testing chat functionality and manage your chat applications through your Ably dashboard.
12+
13+
## Getting started guides
1214

1315
These are your first steps towards building a Chat application that can effortlessly scale to serve millions of users.
1416

@@ -52,3 +54,18 @@ These are your first steps towards building a Chat application that can effortle
5254
},
5355
]}
5456
</Tiles>
57+
58+
## React components
59+
60+
Get started with pre-built React components that provide complete chat functionality out-of-the-box, allowing you to quickly integrate chat features into your applications.
61+
62+
<Tiles>
63+
{[
64+
{
65+
title: 'React UI components',
66+
description: 'Start building Chat applications with Ably\'s React UI Components',
67+
image: 'icon-tech-react',
68+
link: '/docs/chat/getting-started/react-ui-components'
69+
},
70+
]}
71+
</Tiles>

src/pages/docs/chat/setup.mdx

Lines changed: 0 additions & 290 deletions
This file was deleted.

0 commit comments

Comments
 (0)