Back to Directory

Agentic_Pierre

Pierre-Mike/agentic-test00

Molt Pulse

0

Growth0/30

Activity0/25

Popularity0/25

Trust0/20

0

Stars

High

Sentiment

Votes

0

README.md

Agentic test

Production Environment

Live Application: https://Pierre-Mike.github.io/agentic-test/ Client Status

API Server: https://server.pm-lemeliner.workers.dev Server Status

A full-stack TypeScript monorepo starter with shared types, using Bun, Hono, Vite, and React.

Why bhvr?

While there are plenty of existing app building stacks out there, many of them are either bloated, outdated, or have too much of a vendor lock-in. bhvr is built with the opinion that you should be able to deploy your client or server in any environment while also keeping type safety.

Quickstart

Make sure bun is installed

bun --version

Run the command below to make a new bhvr project

bun create bhvr@latest my-app

Once complete run the dev server

cd my-app
bun dev

[!NOTE] Visit bhvr.dev for the full documentation!

Features

Full-Stack TypeScript: End-to-end type safety between client and server
Shared Types: Common type definitions shared between client and server
Monorepo Structure: Organized as a workspaces-based monorepo with Turbo for build orchestration
Modern Stack:

.
├── client/               # React frontend
├── server/               # Hono backend
├── shared/               # Shared TypeScript definitions
│   └── src/types/        # Type definitions used by both client and server
├── package.json          # Root package.json with workspaces
└── turbo.json            # Turbo configuration for build orchestration

server
├── bun.lock
├── package.json
├── README.md
├── src
│   └── index.ts
└── tsconfig.json

import { Hono } from 'hono'
import { cors } from 'hono/cors'
import type { ApiResponse, VersionResponse } from 'shared/dist'

const app = new Hono()

app.use(cors())

app.get('/', (c) => {
  return c.text('Hello Hono!')
})

app.get('/hello', async (c) => {

  const data: ApiResponse = {
    message: "Hello BHVR!",
    success: true
  }

  return c.json(data, { status: 200 })
})

app.get('/version', async (c) => {
  const data: VersionResponse = {
    version: "0.5.1",
    name: "agentic-test"
  }

  return c.json(data, { status: 200 })
})

export default app

Response: "Hello Hono!"

Response: ApiResponse
{
  message: string
  success: boolean
}

Response: VersionResponse
{
  version: string
  name: string
}

client
├── eslint.config.js
├── index.html
├── package.json
├── public
│   └── vite.svg
├── README.md
├── src
│   ├── App.css
│   ├── App.tsx
│   ├── assets
│   ├── index.css
│   ├── main.tsx
│   └── vite-env.d.ts
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

import { useState } from 'react'
import beaver from './assets/beaver.svg'
import { ApiResponse } from 'shared'
import './App.css'

const SERVER_URL = import.meta.env.VITE_SERVER_URL || "http://localhost:8787"

function App() {
  const [data, setData] = useState<ApiResponse | undefined>()

  async function sendRequest() {
    try {
      const req = await fetch(`${SERVER_URL}/hello`)
      const res: ApiResponse = await req.json()
      setData(res)
    } catch (error) {
      console.log(error)
    }
  }

  return (
    <>
      <div>
        <a href="https://github.com/stevedylandev/bhvr" target="_blank">
          <img src={beaver} className="logo" alt="beaver logo" />
        </a>
      </div>
      <h1>bhvr</h1>
      <h2>Bun + Hono + Vite + React</h2>
      <p>A typesafe fullstack monorepo</p>
      <div className="card">
        <button onClick={sendRequest}>
          Call API
        </button>
        {data && (
          <pre className='response'>
            <code>
            Message: {data.message} <br />
            Success: {data.success.toString()}
            </code>
          </pre>
        )}
      </div>
      <p className="read-the-docs">
        Click the beaver to learn more
      </p>
    </>
  )
}

export default App

shared
├── package.json
├── src
│   ├── index.ts
│   └── types
│       └── index.ts
└── tsconfig.json

export * from "./types"
export * from "./hello-world"

// Import types
import { ApiResponse, VersionResponse } from 'shared'

// Import utility functions
import { greet } from 'shared'

export function greet(): string {
  return "Hello, World!";
}

bun create bhvr

# Install dependencies for all workspaces
bun install

# Run all workspaces in development mode with Turbo
bun run dev

# Or run individual workspaces directly
bun run dev:client    # Run the Vite dev server for React
bun run dev:server    # Run the Hono backend

# Build all workspaces with Turbo
bun run build

# Or build individual workspaces directly
bun run build:client  # Build the React frontend
bun run build:server  # Build the Hono backend

# Lint all workspaces with Biome
bun run lint

# Format code with Biome
bun run format

# Type check all workspaces
bun run type-check

# Run tests across all workspaces
bun run test

# Pre-commit hook runs:
bun run lint    # Checks for linting issues
bun run format  # Formats code automatically

# Check for issues
bun run lint

# Auto-fix formatting
bun run format

import { ApiResponse } from 'shared/types';