Skip to content

Commit 551f9e7

Browse files
committed
fix(readme): update urls and add nextJS demo
1 parent 3023f9a commit 551f9e7

File tree

3 files changed

+26
-12
lines changed

3 files changed

+26
-12
lines changed

README.md

+6-2
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ Discord message components to easily build and display fake Discord messages on
3939

4040
## Features
4141

42-
- Design modeled after [Discord](https://discordapp.com/) itself
42+
- Design modelled after [Discord](https://discord.com/) itself
4343
- Comfy and compact mode support
4444
- Dark and light themes support
4545
- Set the message author's username, avatar (use defaults or provide your own), role color, and "bot" tag status
@@ -55,7 +55,11 @@ Discord message components to easily build and display fake Discord messages on
5555

5656
### React
5757

58-
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/discord-components-react-64k90)
58+
**Create React App**
59+
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/discord-components-create-react-app-64k90)
60+
61+
**NextJS**
62+
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/discord-components-nextjs-hdzov)
5963

6064
### Vue
6165

packages/core/README.md

+11-6
Original file line numberDiff line numberDiff line change
@@ -34,13 +34,14 @@
3434
- [Calling defineCustomElements](#calling-definecustomelements)
3535
- [Edge (Chakra Core) and IE11 polyfills](#edge-chakra-core-and-ie11-polyfills)
3636
- [React](#react)
37-
- [Live Demo](#live-demo-1)
37+
- [Live Demo (Create React App)](#live-demo-create-react-app)
38+
- [Live Demo (NextJS)](#live-demo-nextjs)
3839
- [Sample code](#sample-code-1)
3940
- [Vue](#vue)
40-
- [Live Demo](#live-demo-2)
41+
- [Live Demo](#live-demo-1)
4142
- [Sample code](#sample-code-2)
4243
- [No Framework](#no-framework)
43-
- [Live Demo](#live-demo-3)
44+
- [Live Demo](#live-demo-2)
4445
- [Sample Code](#sample-code)
4546
- [Notes](#notes)
4647
- [TypeScript module augments](#typescript-module-augments)
@@ -66,7 +67,7 @@ Discord message components to easily build and display fake Discord messages on
6667

6768
## Features
6869

69-
- Design modelled after [Discord](https://discordapp.com/) itself
70+
- Design modelled after [Discord](https://discord.com/) itself
7071
- Comfy and compact mode support
7172
- Dark and light themes support
7273
- Set the message author's username, avatar (use defaults or provide your own), role color, and "bot" tag status
@@ -163,9 +164,13 @@ applyPolyfills().then(() => {
163164

164165
### React
165166

166-
#### Live Demo
167+
#### Live Demo (Create React App)
168+
169+
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/discord-components-create-react-app-64k90)
170+
171+
#### Live Demo (NextJS)
167172

168-
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/discord-components-react-64k90)
173+
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/discord-components-nextjs-hdzov)
169174

170175
#### Sample code
171176

packages/react/README.md

+9-4
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,8 @@
2626
- [Features](#features)
2727
- [Installation](#installation)
2828
- [Usage](#usage)
29-
- [Live Demo](#live-demo)
29+
- [Live Demo (Create React App)](#live-demo-create-react-app)
30+
- [Live Demo (NextJS)](#live-demo-nextjs)
3031
- [Sample code](#sample-code)
3132
- [Notes](#notes)
3233
- [TypeScript module augments](#typescript-module-augments)
@@ -52,7 +53,7 @@ Discord message components to easily build and display fake Discord messages on
5253

5354
## Features
5455

55-
- Design modeled after [Discord](https://discordapp.com/) itself
56+
- Design modelled after [Discord](https://discord.com/) itself
5657
- Comfy and compact mode support
5758
- Dark and light themes support
5859
- Set the message author's username, avatar (use defaults or provide your own), role color, and "bot" tag status
@@ -69,9 +70,13 @@ yarn add @skyra/discord-components-core @skyra/discord-components-react
6970

7071
## Usage
7172

72-
### Live Demo
73+
#### Live Demo (Create React App)
7374

74-
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/discord-components-react-64k90)
75+
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/discord-components-create-react-app-64k90)
76+
77+
#### Live Demo (NextJS)
78+
79+
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/discord-components-nextjs-hdzov)
7580

7681
### Sample code
7782

0 commit comments

Comments
 (0)