Kitchen Sink

This file contains a collection of various components and examples for testing and demonstration purposes.

You can import Next Components into mdx files like this:

Use a <Libraries /> component

import { Libraries } from '@/components/Libraries'
<Libraries />
<Guides />
<Resources />

Below are the rendered components for Libraries, Guides, and Resources:

Official libraries

PHP

A popular general-purpose scripting language that is especially suited to web development.

Read more

Ruby

A dynamic, open source programming language with a focus on simplicity and productivity.

Read more

Node.js

Node.js® is an open-source, cross-platform JavaScript runtime environment.

Read more

Python

Python is a programming language that lets you work quickly and integrate systems more effectively.

Read more

Go

An open-source programming language supported by Google with built-in concurrency.

Read more

Guides

Adding a Website

Learn how to add a website to joes home server

Read more

Website Caching

How to cache our website using CloudFlare tunnels and workers

Read more

CloudFlare Caching

How to configure CloudFlare to cache your website effectively

Read more

Kitchen Sink

A simple page showing what we can do with this website

Read more

Resources

Contacts

Learn about the contact model and how to create, retrieve, update, delete, and list contacts.

Conversations

Learn about the conversation model and how to create, retrieve, update, delete, and list conversations.

Messages

Learn about the message model and how to create, retrieve, update, delete, and list messages.

Groups

Learn about the group model and how to create, retrieve, update, delete, and list groups.

Adding a note is easy:

We can display code examples easily too:

Echoing out "Hello World" in different languages

// This is a JavaScript example
console.log("Hello world");

Just some Single JSON

{
  "has_more": false,
  "data": [
    {
      "id": "l7cGNIBKZiNJ6wqF",
      "name": "Plaza Hotel",
      "description": "World-renowned.",
      "avatar_url": "https://assets.protocol.chat/avatars/plazahotel.jpg",
      "contacts": [
        {
          "username": "Hector"
          // ...
        },
        {
          "username": "Cedric"
        },
      ],
      "created_at": 692233200,
      "archived_at": null
    },
    {
      "id": "hSIhXBhNe8X1d8Et"
    }
  ]
}

Was this page helpful?