Quick Start

Get up and running in 5 minutes.

Install the package


npm install your-package

Create your first project


npx your-cli init my-project
cd my-project

Start development


npm run dev

🎉 You’re all set! Visit http://localhost:3000 to see your project.

Example Code

Here’s an example using our custom CodeBlock component with copy-to-clipboard functionality:

typescript

// Example TypeScript code
import { useState } from 'react'

function Counter() {
const [count, setCount] = useState(0)

return (
  <div>
    <p>Count: {count}</p>
    <button onClick={() => setCount(count + 1)}>
      Increment
    </button>
  </div>
)
}

export default Counter

php

<?php
// Example PHP code
namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ApiController extends Controller
{
  public function index(Request $request)
  {
      return response()->json([
          'status' => 'success',
          'data' => ['message' => 'Hello World']
      ]);
  }
}

Next Steps

Quick Start

Get up and running in 5 minutes.

Install the package


npm install your-package

Create your first project


npx your-cli init my-project
cd my-project

Start development


npm run dev

🎉 You’re all set! Visit http://localhost:3000 to see your project.

Example Code

Here’s an example using our custom CodeBlock component with copy-to-clipboard functionality:

typescript

// Example TypeScript code
import { useState } from 'react'

function Counter() {
const [count, setCount] = useState(0)

return (
  <div>
    <p>Count: {count}</p>
    <button onClick={() => setCount(count + 1)}>
      Increment
    </button>
  </div>
)
}

export default Counter

php

<?php
// Example PHP code
namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ApiController extends Controller
{
  public function index(Request $request)
  {
      return response()->json([
          'status' => 'success',
          'data' => ['message' => 'Hello World']
      ]);
  }
}