Env File

Dotenv listing with sky keys, italic muted comments, and grouped sections separated by blank lines.

# Database
DATABASE_URL=postgres://localhost/beste
REDIS_URL=redis://localhost:6379
# API
API_KEY=sk_test_EXAMPLE_0000
PORT=3000

New here? Read the installation guide.

Import & use
import { Code12 } from "@/components/beste/piece/code12";

<Code12
  entries={[
    {
      "kind": "comment",
      "text": "# Database"
    },
    {
      "kind": "entry",
      "key": "DATABASE_URL",
      "value": "postgres://localhost/beste"
    },
    {
      "kind": "entry",
      "key": "REDIS_URL",
      "value": "redis://localhost:6379"
    },
    {
      "kind": "blank"
    },
    {
      "kind": "comment",
      "text": "# API"
    },
    {
      "kind": "entry",
      "key": "API_KEY",
      "value": "sk_test_EXAMPLE_0000"
    },
    {
      "kind": "entry",
      "key": "PORT",
      "value": "3000"
    }
  ]}
/>

More Code pieces

View all Code
const greeting = "Hello, Beste!";ts

Code Line

One-line code snippet with a monospace pill and a tiny language tag on the right.

TypeError: Cannot read 'name' of undefined
greet(src/utils.ts:14:12)
handler(src/server.ts:42:8)
processRequest(src/api.ts:88:4)

Stack Trace

Error headline followed by a few stack frames with file paths and amber line and column numbers.

{
"name":"Beste",
"version":"1.0.0",
"active":true,
"count":42,
"owner":null
}

JSON Snippet

Pretty-printed JSON object with sky keys, emerald strings, and amber numerics.

greet.ts
export function greet(name: string) {
  return `Hello, ${name}!`;
}
 
console.log(greet("Beste"));

Code Snippet Card

Dark editor card with three traffic-light dots, a filename tab, and line-numbered code.

function greet(name) {
return 'Hi ' + name;
return `Hello, ${name}!`;
}

Diff Snippet

Compact diff card with added, removed, and context lines tinted in emerald and rose.

import{useState, useEffect}from"react";
import{Button}from"@/ui/button";
import{cn}from"@/lib/utils";

Import Block

Stacked import statements with destructured names and module paths in a quiet syntax palette.

Markdown version