自律型 AI エージェント (OpenClaw など) の構築とデプロイ - Next.js、Claude Code、React

⭐️⭐️ ⭐️ 無料のチートシート (Github ソース コード付き): https://dub.sh/execos-cheatsheet ⭐️⭐️ ⭐️ このビルドのスポンサーになってくれた Clerk に大感謝: https://go.clark.com/rDCSPyr (必ずここでチェックしてください) 私たちは、OpenClaw と同じアーキテクチャを使用して自律的に実行されるフルスタック AI SaaS である Exec OS を構築しています。 Next.js 16、React 19、および Claude API を備えた Vercel AI SDK。この自律型 AI エージェントは 15 分のハートビートで実行され、受信トレイの優先順位付け、電子メールの下書きのゴーストライティング、カレンダー イベントのスケジュール設定、アクション アイテムの生成をすべてユーザーが何もすることなく実行します。 AI の副業を構築しようとしている場合でも、本格的な AI エージェンシーを構築しようとしている場合でも、これが 2026 年の青写真です。技術スタック全体の開始コストは 0 ドルです。 Anthropic Claude にお金を払う代わりにオープンソース モデルを使用する方法: https://youtu.be/3WDyTuUo7Gg?t=292 🚀🚀🚀 Next.js スキルをレベルアップしたいですか?モダン フルスタック Next.js コースに参加して、7 つ以上の本番対応アプリを出荷しましょう https://dub.sh/nextjscourse-execos #nextjs #ai #saas #react #typescript #claude ✨ アプリケーションの機能 ✨ 🤖 15 分のハートビートで実行される自律型 AI エグゼクティブ アシスタント 📧 ゴーストライトされたメールの下書きによる AI を活用した受信トレイのトリアージ 📅 カレンダー イベントの自動検出とスケジュール✅ AI が生成するアクションアイテムと会議のフォローアップ 📊 構造化された推論ログによるリアルタイムのエージェント監視 🔗 OAuth による Gmail と Google カレンダーの統合 🔒 永続的なエージェントアクセスのための暗号化された OAuth トークンストレージ 👨‍💼 使用量ベースのゲートを備えた無料および Pro サブスクリプション層 💳 ビルトインの請求およびサブスクリプション管理 🧠 Zod による構造化 AI 出力スキーマ検証 ⏱️ Pro ユーザー向けに Cron を利用した自律エージェントが実行 📱 リアルタイムのステータスを備えた応答性の高いダークモード ダッシュボード 🚀 本番環境に対応した展開 ✨ 学習内容 ✨ 🚀 Next.js 16 サーバーおよびクライアント コンポーネントを備えた App Router ⚛️ React 19 を備えたサーバー アクションと API ルート 🔑 事務員認証 (請求、価格、サブスクリプション、ミドルウェア) 🤖 電子メール分析と構造化された出力用の Claude Sonnet 4 API 🧠 エージェント推論を強化するための Vercel AI SDK 🔌 自律エージェント ツールとしての Google API (Gmail + Calendar) 🎨 最新のダッシュボード用の ShadCN UI と Tailwind CSS 💾 スケーラブルなエージェント メモリ用の PostgreSQL + Drizzle ORM 🔐 トークン暗号化と安全性資格情報管理 ⏱️ 自律エージェントのスケジューリングのための Vercel Cron ジョブ 📜 タイプセーフな AI 応答のための Zod を使用した TypeScript 🚀 Vercel への展開 ビルドを開始または完了したら、X または LinkedIn または Bluesky でタグ付けしてください: Twitter: https://twitter.com/kulkarniankita9 LinkedIn: https://www.linkedin.com/in/kulkarniankita Bluesky: https://bsky.app/profile/kulkarniankita.com ⏰ タイムライン 00:00 - AI ビジネスの構築 00:34 - Exec OS の機能 00:49 - 技術スタックの概要 05:29 - プロジェクト アーキテクチャの説明 22:45 - 事務員のセットアップと統合 53:46 - Drizzle ORM と PostgreSQL のセットアップ 01:01:33 - 実行の実装エージェントの機能 01:04:38 - Google API の構成 02:07:43 - ダッシュボード UI の開発 02:17:31 - モニタリング ページの実装 02:24:46 - Cron ジョブによる自律エージェントのセットアップ 02:28:46 - 導入と最終テスト 🤝 ヘルプについては Discord: https://dub.sh/anky-discord