Bun mit Claude Code

Bun-Runtime-Nutzung mit Claude Code beschleunigen

Bun ist eine All-in-One-Runtime für JavaScript/TypeScript. Es enthält einen integrierten Paketmanager, Bundler und Testrunner und läuft um ein Vielfaches schneller als Node.js. Nutzen Sie Claude Code, um die leistungsstarken Funktionen von Bun effizient einzuführen.

Projektstart

> Erstelle ein neues Web-App-Projekt mit Bun.
> Mit TypeScript, Hono-Framework und Testkonfiguration.

bun init my-app
cd my-app
bun add hono

// src/index.ts
import { Hono } from 'hono';
import { cors } from 'hono/cors';
import { logger } from 'hono/logger';

const app = new Hono();

app.use('*', logger());
app.use('/api/*', cors());

app.get('/api/health', (c) => {
  return c.json({ status: 'ok', runtime: 'bun' });
});

app.get('/api/users/:id', async (c) => {
  const id = c.req.param('id');
  const user = await getUser(id);
  return c.json(user);
});

export default {
  port: 3000,
  fetch: app.fetch,
};

Buns integrierte APIs nutzen

> Implementiere einen einfachen Datenspeicher mit Buns Datei-API und SQLite.

// src/db.ts
import { Database } from 'bun:sqlite';

const db = new Database('app.db', { create: true });

db.run(`
  CREATE TABLE IF NOT EXISTS users (
    id INTEGER PRIMARY KEY AUTOINCREMENT,
    name TEXT NOT NULL,
    email TEXT UNIQUE NOT NULL,
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
  )
`);

export const createUser = db.prepare(
  'INSERT INTO users (name, email) VALUES ($name, $email)'
);

export const getUser = db.prepare(
  'SELECT * FROM users WHERE id = $id'
);

// Buns Dateioperationen
export async function saveUpload(file: File) {
  const path = `./uploads/${file.name}`;
  await Bun.write(path, file);
  return path;
}

export async function readConfig() {
  const file = Bun.file('./config.json');
  return await file.json();
}

Tests ausführen

Bun hat einen integrierten schnellen Testrunner.

> Schreibe Tests für die API-Endpoints.
> Verwende Buns Testrunner.

// src/index.test.ts
import { describe, expect, it, beforeAll, afterAll } from 'bun:test';

describe('API endpoints', () => {
  it('GET /api/health gibt ok zurück', async () => {
    const res = await fetch('http://localhost:3000/api/health');
    const data = await res.json();
    expect(res.status).toBe(200);
    expect(data.status).toBe('ok');
  });

  it('GET /api/users/:id gibt Benutzer zurück', async () => {
    const res = await fetch('http://localhost:3000/api/users/1');
    expect(res.status).toBe(200);
    const user = await res.json();
    expect(user).toHaveProperty('name');
  });
});

# Tests ausführen
bun test

# Watch-Modus
bun test --watch

# Coverage
bun test --coverage

Bundling und Build

> Bundle den Frontend-Code mit Bun.
> Mit Tree-Shaking und Minifizierung.

// build.ts
await Bun.build({
  entrypoints: ['./src/client/index.tsx'],
  outdir: './dist',
  target: 'browser',
  minify: true,
  splitting: true,
  sourcemap: 'external',
  define: {
    'process.env.NODE_ENV': '"production"',
  },
});

console.log('Build abgeschlossen!');

Zusammenfassung

Bun verbessert die Entwicklererfahrung erheblich durch seine überlegene Geschwindigkeit und integrierte Toolchain. In Kombination mit Claude Code können Sie Bun-spezifische APIs und Patterns schnell erlernen. Siehe auch den API-Entwicklungsleitfaden und Teststrategien.

Details zu Bun finden Sie in der offiziellen Bun-Dokumentation.