nonbee.dev
🐝

nonbee.dev を始めました

Next.jsブログCloudflare

はじめに

nonbee.dev へようこそ！このブログでは、Web開発やプログラミングに関するトピックを発信していきます。

技術スタック

このブログは以下の技術で構築されています：

  • Next.js 15 — React フレームワーク
  • Velite — MDX コンテンツ管理
  • Tailwind CSS v4 — スタイリング
  • Cloudflare Workers — ホスティング

コードハイライトのテスト

TypeScript のサンプルコード：

interface BlogPost {
  title: string;
  description: string;
  date: string;
  tags: string[];
  emoji: string;
}

function getLatestPosts(posts: BlogPost[], count: number): BlogPost[] {
  return posts
    .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
    .slice(0, count);
}

React コンポーネントの例：

export function Greeting({ name }: { name: string }) {
  return (
    <div className="rounded-lg border p-4">
      <h2>Hello, {name}!</h2>
      <p>Welcome to nonbee.dev</p>
    </div>
  );
}

リスト

今後書いていきたいトピック

  • Next.js App Router のベストプラクティス
  • Cloudflare Workers でのデプロイ戦略
  • TypeScript の型パズル
  • パフォーマンス最適化

参考リンク

  1. Next.js Documentation
  2. Cloudflare Workers
  3. Velite

テーブル

技術用途採用理由
Next.jsフレームワークApp Router + RSC
VeliteコンテンツZod ベース、型安全
Tailwind CSSスタイリングv4 の CSS-first
Shikiコードハイライト高品質

ブログは自分の学びをアウトプットする最高の場所だと思っています。

おわりに

これからコツコツと記事を書いていきます。よろしくお願いします！