[V0_FILE]jpg:file="public/karate-training-dojo-martial-arts-practice.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/karate-training-dojo-martial-arts-practice-CNSgbPJ5yZZsgdPXdyZbsS6NLvpBdK.jpg" isMerged="true" [V0_FILE]jpg:file="public/kids-karate-class-children-martial-arts-training.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/kids-karate-class-children-martial-arts-training-FJxY42c54cOncPgq3PIXPo58BmQlHR.jpg" isMerged="true" [V0_FILE]jpg:file="public/teenage-karate-students-practicing-kata-forms.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/teenage-karate-students-practicing-kata-forms-pf0jrxAD2enwILGE5KsgkY6Kz9Uqr6.jpg" isMerged="true" [V0_FILE]jpg:file="public/adult-karate-sparring-kumite-advanced-training.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/adult-karate-sparring-kumite-advanced-training-KjVxkqHZzfVwZ8Yw47mA9PWNz4uDBS.jpg" isMerged="true" [V0_FILE]jpg:file="public/karate-sensei-master-instructor-black-belt.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/karate-sensei-master-instructor-black-belt-555oY7R5mYqpefV0vwMjAm2Dz3fVU3.jpg" isMerged="true" [V0_FILE]jpg:file="public/female-karate-instructor-teacher-martial-arts.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/female-karate-instructor-teacher-martial-arts-a78q83HibQ7nBpm5UDIKPiBK6MlmQ5.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.9.1", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.4", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.54.1", "react-resizable-panels": "^2.1.7", "recharts": "2.15.0", "sonner": "^1.7.1", "tailwind-merge": "^2.5.5", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.6", "zod": "^3.24.1", "@supabase/supabase-js": "2.58.0" }, "devDependencies": { "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^3.4.17", "typescript": "5.7.3" } } [V0_FILE]sql:file="scripts/create-database.sql" type="sql" isMerged="true" -- Dojo Settings Table CREATE TABLE IF NOT EXISTS dojo_settings ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), dojo_name TEXT NOT NULL, organization TEXT NOT NULL, tagline TEXT NOT NULL, hero_title TEXT NOT NULL, hero_description TEXT NOT NULL, address TEXT NOT NULL, phone TEXT NOT NULL, email TEXT NOT NULL, hero_image_url TEXT, logo_text TEXT NOT NULL DEFAULT '拳', created_at TIMESTAMPTZ DEFAULT NOW(), updated_at TIMESTAMPTZ DEFAULT NOW() ); -- Classes Table CREATE TABLE IF NOT EXISTS classes ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), name TEXT NOT NULL, age_range TEXT NOT NULL, description TEXT NOT NULL, price INTEGER NOT NULL, badge_color TEXT NOT NULL, features JSONB NOT NULL DEFAULT '[]', image_url TEXT, order_index INTEGER NOT NULL DEFAULT 0, created_at TIMESTAMPTZ DEFAULT NOW() ); -- Instructors Table CREATE TABLE IF NOT EXISTS instructors ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), name TEXT NOT NULL, rank TEXT NOT NULL, title TEXT NOT NULL, bio TEXT NOT NULL, image_url TEXT, order_index INTEGER NOT NULL DEFAULT 0, created_at TIMESTAMPTZ DEFAULT NOW() ); -- Schedule Table CREATE TABLE IF NOT EXISTS schedule ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), day_of_week TEXT NOT NULL, start_time TEXT NOT NULL, end_time TEXT NOT NULL, class_name TEXT NOT NULL, target_age TEXT NOT NULL, order_index INTEGER NOT NULL DEFAULT 0, created_at TIMESTAMPTZ DEFAULT NOW() ); -- News Table CREATE TABLE IF NOT EXISTS news ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), title TEXT NOT NULL, content TEXT NOT NULL, published_at TIMESTAMPTZ DEFAULT NOW(), is_published BOOLEAN DEFAULT true, created_at TIMESTAMPTZ DEFAULT NOW() ); -- Insert default dojo settings INSERT INTO dojo_settings ( dojo_name, organization, tagline, hero_title, hero_description, address, phone, email, logo_text ) VALUES ( 'DO!道場', '一般社団法人極真会館', '伝統と心を育む', '東京城南川端道場', '伝統的な空手の技術と精神を学び、強い心と健康な体を育てます。初心者から上級者まで、年齢を問わず歓迎いたします。', '〒123-4567 東京都渋谷区道場町1-2-3 武道館ビル2F', '03-1234-5678', 'info@budokan-karate.jp', '拳' ); -- Insert default classes INSERT INTO classes (name, age_range, description, price, badge_color, features, order_index) VALUES ('キッズクラス', '4歳〜小学生', '楽しく基礎を学ぶ', 6000, 'bg-blue-100 text-blue-800', '["基本的な礼儀作法", "基本動作の習得", "体力・柔軟性の向上", "集中力の養成"]', 1), ('ジュニアクラス', '中学生〜高校生', '技術向上を目指す', 7000, 'bg-green-100 text-green-800', '["基本技の完成度向上", "形（型）の習得", "組手の基礎", "昇級・昇段試験対応"]', 2), ('一般クラス', '18歳以上', '本格的な空手道', 8000, 'bg-red-100 text-red-800', '["伝統的な空手技術", "高度な形の習得", "実戦的な組手", "健康維持・ストレス解消"]', 3); -- Insert default instructors INSERT INTO instructors (name, rank, title, bio, order_index) VALUES ('田中太郎', '七段', '師範・道場長', '空手歴35年。全日本空手道選手権大会優勝経験者。伝統的な空手道の指導に情熱を注いでいます。', 1), ('佐藤花子', '五段', '指導員', '空手歴20年。特にキッズクラスの指導に定評があり、子どもたちから慕われています。', 2); -- Insert default schedule INSERT INTO schedule (day_of_week, start_time, end_time, class_name, target_age, order_index) VALUES ('月曜日', '17:00', '18:00', 'キッズクラス', '4歳〜小学生', 1), ('月曜日', '19:00', '20:30', '一般クラス', '18歳以上', 2), ('水曜日', '17:00', '18:00', 'キッズクラス', '4歳〜小学生', 3), ('水曜日', '18:30', '20:00', 'ジュニアクラス', '中学生〜高校生', 4), ('金曜日', '19:00', '20:30', '一般クラス', '18歳以上', 5), ('土曜日', '10:00', '12:00', '合同稽古', '全クラス', 6); -- Insert sample news INSERT INTO news (title, content, is_published) VALUES ('新年稽古始めのお知らせ', '1月8日より新年の稽古を開始いたします。本年もよろしくお願いいたします。', true), ('昇級審査結果発表', '12月に実施された昇級審査の結果を発表いたします。合格者の皆様おめでとうございます。', true), ('冬季合宿のご報告', '12月26日〜28日に実施された冬季合宿が無事終了いたしました。参加者の皆様お疲れ様でした。', true); [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { MapPin, Phone, Mail, Clock, Users, Award, Target } from "lucide-react" import Image from "next/image" import Link from "next/link" import { getDojoSettings, getClasses, getInstructors, getSchedule, getNews } from "./actions/dojo" export default async function KarateDojoHomepage() { const settings = await getDojoSettings() const classes = await getClasses() const instructors = await getInstructors() const schedule = await getSchedule() const news = await getNews() return (

{/* Header */}

{settings.logo_text}

{settings.dojo_name}

{settings.tagline}

{/* Hero Section */}

{settings.organization}

{settings.hero_title}

{settings.hero_description}

{/* News Section */} {news.length > 0 && (

ニュース・お知らせ

{news.map((item) => (

{new Date(item.published_at).toLocaleDateString("ja-JP", { month: "numeric", day: "numeric", })}

{item.title}

{item.content}

))}

)} {/* About Section */}

道場について

{settings.dojo_name}は、伝統的な空手道の指導を通じて、心身の鍛錬と人格形成を目指しています。

心の鍛錬

礼儀正しさ、忍耐力、集中力を養い、強い精神力を育てます。

技の習得

基本から応用まで、段階的に空手の技術を身につけます。

体の強化

体力向上、柔軟性の向上、健康的な体づくりを支援します。

{/* Classes Section */}

クラス紹介

年齢やレベルに応じた様々なクラスをご用意しています

{classes.map((classItem) => ( {classItem.age_range} {classItem.name} {classItem.description} {classItem.image_url && (

)}

• {feature}

月謝: ¥{classItem.price.toLocaleString()}

))}

{/* Instructors Section */}

指導者紹介

{instructors.map((instructor) => (

{instructor.name}

{instructor.rank}・{instructor.title}

{instructor.bio}

))}

{/* Schedule Section */}

稽古スケジュール

{schedule.map((item, index) => ( ))}

曜日	時間	クラス	対象
{item.day_of_week}	{item.start_time}-{item.end_time}	{item.class_name}	{item.target_age}

{/* Contact Section */}

お問い合わせ・アクセス

見学・体験はいつでも歓迎です。お気軽にお問い合わせください。

道場情報

{settings.dojo_name}

{settings.address}

{settings.phone}

受付時間: 平日 17:00-21:00

{settings.email}

稽古時間

詳細はスケジュールをご確認ください

無料体験申込み

まずは無料体験で空手道の魅力を感じてください。動きやすい服装でお越しください。

{/* Footer */}

) } [V0_FILE]typescriptreact:file="app/admin/page.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import Link from "next/link" import { Settings, Users, Calendar, Newspaper, GraduationCap } from "lucide-react" export default function AdminDashboard() { return (

道場管理画面

ホームページのコンテンツを管理できます

道場設定道場名、組織名、連絡先などの基本情報を編集クラス管理クラスの追加・編集・削除指導者管理指導者プロフィールの管理スケジュール管理稽古スケジュールの管理ニュース管理お知らせの投稿・編集・削除

クイックアクセス

ホームページを確認

編集内容をフロントページで確認できます

) } [V0_FILE]typescriptreact:file="app/admin/settings/page.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Label } from "@/components/ui/label" import { ArrowLeft, Save } from "lucide-react" import Link from "next/link" import { getDojoSettings, updateDojoSettings } from "@/app/actions/dojo" import { useRouter } from "next/navigation" export default function SettingsPage() { const router = useRouter() const [loading, setLoading] = useState(true) const [saving, setSaving] = useState(false) const [settings, setSettings] = useState({ id: "", dojo_name: "", organization: "", tagline: "", hero_title: "", hero_description: "", address: "", phone: "", email: "", logo_text: "", }) useEffect(() => { loadSettings() }, []) async function loadSettings() { try { const data = await getDojoSettings() setSettings(data) } catch (error) { console.error("Failed to load settings:", error) } finally { setLoading(false) } } async function handleSubmit(e: React.FormEvent) { e.preventDefault() setSaving(true) try { await updateDojoSettings(settings) alert("設定を保存しました") router.refresh() } catch (error) { console.error("Failed to save settings:", error) alert("保存に失敗しました") } finally { setSaving(false) } } if (loading) { return

読み込み中...

} return (

道場設定

道場名 setSettings({ ...settings, dojo_name: e.target.value })} required />

組織名 setSettings({ ...settings, organization: e.target.value })} required />

キャッチフレーズ setSettings({ ...settings, tagline: e.target.value })} required />

ロゴテキスト setSettings({ ...settings, logo_text: e.target.value })} maxLength={2} required />

円形ロゴ内に表示される文字（1-2文字）

ヒーロータイトル setSettings({ ...settings, hero_title: e.target.value })} required />

ヒーロー説明文

setSettings({ ...settings, hero_description: e.target.value })}
                  rows={4}
                  required
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="address">住所</Label>
                <Textarea
                  id="address"
                  value={settings.address}
                  onChange={(e) => setSettings({ ...settings, address: e.target.value })}
                  rows={3}
                  required
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="phone">電話番号</Label>
                <Input
                  id="phone"
                  type="tel"
                  value={settings.phone}
                  onChange={(e) => setSettings({ ...settings, phone: e.target.value })}
                  required
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="email">メールアドレス</Label>
                <Input
                  id="email"
                  type="email"
                  value={settings.email}
                  onChange={(e) => setSettings({ ...settings, email: e.target.value })}
                  required
                />
              </div>

<div className="flex gap-4">
                <Button type="submit" disabled={saving} className="bg-red-600 hover:bg-red-700">
                  <Save className="w-4 h-4 mr-2" />
                  {saving ? "保存中..." : "設定を保存"}
                </Button>
                <Link href="/admin">
                  <Button type="button" variant="outline">
                    キャンセル
                  </Button>
                </Link>
              </div>
            </form>
          </CardContent>
        </Card>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/admin/news/page.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"
import { Badge } from "@/components/ui/badge"
import { Plus, Edit, Trash2, Save, X, ArrowLeft } from "lucide-react"
import Link from "next/link"
import { getAllNews, createNews, updateNews, deleteNews } from "@/app/actions/dojo"
import { useRouter } from "next/navigation"

interface NewsItem {
  id: string
  title: string
  content: string
  published_at: string
  is_published: boolean
}

export default function NewsAdminPage() {
  const router = useRouter()
  const [newsItems, setNewsItems] = useState<NewsItem[]>([])
  const [loading, setLoading] = useState(true)
  const [isEditing, setIsEditing] = useState<string | null>(null)
  const [isCreating, setIsCreating] = useState(false)
  const [editForm, setEditForm] = useState({
    title: "",
    content: "",
    is_published: true,
  })

useEffect(() => {
    loadNews()
  }, [])

async function loadNews() {
    try {
      const data = await getAllNews()
      setNewsItems(data)
    } catch (error) {
      console.error("Failed to load news:", error)
    } finally {
      setLoading(false)
    }
  }

const handleEdit = (item: NewsItem) => {
    setIsEditing(item.id)
    setEditForm({
      title: item.title,
      content: item.content,
      is_published: item.is_published,
    })
  }

const handleSave = async (id: string) => {
    try {
      await updateNews(id, editForm)
      await loadNews()
      setIsEditing(null)
      setEditForm({ title: "", content: "", is_published: true })
      router.refresh()
    } catch (error) {
      console.error("Failed to update news:", error)
      alert("更新に失敗しました")
    }
  }

const handleCreate = async () => {
    try {
      await createNews({
        ...editForm,
        published_at: new Date().toISOString(),
      })
      await loadNews()
      setIsCreating(false)
      setEditForm({ title: "", content: "", is_published: true })
      router.refresh()
    } catch (error) {
      console.error("Failed to create news:", error)
      alert("作成に失敗しました")
    }
  }

const handleDelete = async (id: string) => {
    if (confirm("この記事を削除しますか？")) {
      try {
        await deleteNews(id)
        await loadNews()
        router.refresh()
      } catch (error) {
        console.error("Failed to delete news:", error)
        alert("削除に失敗しました")
      }
    }
  }

const handleCancel = () => {
    setIsEditing(null)
    setIsCreating(false)
    setEditForm({ title: "", content: "", is_published: true })
  }

if (loading) {
    return <div className="min-h-screen bg-gray-50 p-8 flex items-center justify-center">読み込み中...</div>
  }

return (
    <div className="min-h-screen bg-gray-50 py-8">
      <div className="container mx-auto px-4 max-w-4xl">
        <div className="mb-6">
          <Link href="/admin">
            <Button variant="ghost" size="sm">
              <ArrowLeft className="w-4 h-4 mr-2" />
              管理画面に戻る
            </Button>
          </Link>
        </div>

<div className="mb-8">
          <h1 className="text-3xl font-bold text-gray-900 mb-2">ニュース・お知らせ管理</h1>
          <p className="text-gray-600">道場のニュースやお知らせを投稿・編集できます</p>
        </div>

{/* Create New Post Button */}
        <div className="mb-6">
          <Button
            onClick={() => setIsCreating(true)}
            className="bg-red-600 hover:bg-red-700"
            disabled={isCreating || isEditing !== null}
          >
            <Plus className="w-4 h-4 mr-2" />
            新しい記事を作成
          </Button>
        </div>

{/* Create New Post Form */}
        {isCreating && (
          <Card className="mb-6 border-red-200">
            <CardHeader>
              <CardTitle className="text-red-600">新しい記事を作成</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4">
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">タイトル</label>
                <Input
                  value={editForm.title}
                  onChange={(e) => setEditForm({ ...editForm, title: e.target.value })}
                  placeholder="記事のタイトルを入力してください"
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">内容</label>
                <Textarea
                  value={editForm.content}
                  onChange={(e) => setEditForm({ ...editForm, content: e.target.value })}
                  placeholder="記事の内容を入力してください"
                  rows={4}
                />
              </div>
              <div className="flex items-center space-x-2">
                <input
                  type="checkbox"
                  id="published-new"
                  checked={editForm.is_published}
                  onChange={(e) => setEditForm({ ...editForm, is_published: e.target.checked })}
                  className="rounded border-gray-300"
                />
                <label htmlFor="published-new" className="text-sm text-gray-700">
                  すぐに公開する
                </label>
              </div>
              <div className="flex space-x-2">
                <Button
                  onClick={handleCreate}
                  className="bg-red-600 hover:bg-red-700"
                  disabled={!editForm.title.trim() || !editForm.content.trim()}
                >
                  <Save className="w-4 h-4 mr-2" />
                  作成
                </Button>
                <Button onClick={handleCancel} variant="outline">
                  <X className="w-4 h-4 mr-2" />
                  キャンセル
                </Button>
              </div>
            </CardContent>
          </Card>
        )}

{/* News Items List */}
        <div className="space-y-4">
          {newsItems.map((item) => (
            <Card key={item.id} className={isEditing === item.id ? "border-red-200" : ""}>
              <CardContent className="p-6">
                {isEditing === item.id ? (
                  <div className="space-y-4">
                    <div>
                      <label className="block text-sm font-medium text-gray-700 mb-2">タイトル</label>
                      <Input
                        value={editForm.title}
                        onChange={(e) => setEditForm({ ...editForm, title: e.target.value })}
                      />
                    </div>
                    <div>
                      <label className="block text-sm font-medium text-gray-700 mb-2">内容</label>
                      <Textarea
                        value={editForm.content}
                        onChange={(e) => setEditForm({ ...editForm, content: e.target.value })}
                        rows={4}
                      />
                    </div>
                    <div className="flex items-center space-x-2">
                      <input
                        type="checkbox"
                        id={`published-${item.id}`}
                        checked={editForm.is_published}
                        onChange={(e) => setEditForm({ ...editForm, is_published: e.target.checked })}
                        className="rounded border-gray-300"
                      />
                      <label htmlFor={`published-${item.id}`} className="text-sm text-gray-700">
                        公開する
                      </label>
                    </div>
                    <div className="flex space-x-2">
                      <Button
                        onClick={() => handleSave(item.id)}
                        className="bg-red-600 hover:bg-red-700"
                        disabled={!editForm.title.trim() || !editForm.content.trim()}
                      >
                        <Save className="w-4 h-4 mr-2" />
                        保存
                      </Button>
                      <Button onClick={handleCancel} variant="outline">
                        <X className="w-4 h-4 mr-2" />
                        キャンセル
                      </Button>
                    </div>
                  </div>
                ) : (
                  <div>
                    <div className="flex items-start justify-between mb-4">
                      <div className="flex items-center space-x-3">
                        <div className="bg-red-600 text-white px-3 py-1 rounded text-sm font-semibold">
                          {new Date(item.published_at).toLocaleDateString("ja-JP", {
                            month: "numeric",
                            day: "numeric",
                          })}
                        </div>
                        <Badge variant={item.is_published ? "default" : "secondary"}>
                          {item.is_published ? "公開中" : "下書き"}
                        </Badge>
                      </div>
                      <div className="flex space-x-2">
                        <Button
                          onClick={() => handleEdit(item)}
                          variant="outline"
                          size="sm"
                          disabled={isEditing !== null || isCreating}
                        >
                          <Edit className="w-4 h-4" />
                        </Button>
                        <Button
                          onClick={() => handleDelete(item.id)}
                          variant="outline"
                          size="sm"
                          className="text-red-600 border-red-200 hover:bg-red-50"
                          disabled={isEditing !== null || isCreating}
                        >
                          <Trash2 className="w-4 h-4" />
                        </Button>
                      </div>
                    </div>
                    <h3 className="text-lg font-semibold text-gray-900 mb-2">{item.title}</h3>
                    <p className="text-gray-600 mb-2">{item.content}</p>
                    <div className="text-sm text-gray-500">
                      投稿日: {new Date(item.published_at).toLocaleDateString("ja-JP")}
                    </div>
                  </div>
                )}
              </CardContent>
            </Card>
          ))}
        </div>

{newsItems.length === 0 && (
          <Card>
            <CardContent className="p-12 text-center">
              <p className="text-gray-500">まだ記事がありません。新しい記事を作成してください。</p>
            </CardContent>
          </Card>
        )}
      </div>
    </div>
  )
}
[V0_FILE]plaintext:file=".env.example" isMerged="true"
NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
[V0_FILE]typescriptreact:file="lib/supabase.ts" isEdit="true"
import { createClient } from "@supabase/supabase-js"

const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL
const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY

if (!supabaseUrl || !supabaseAnonKey) {
  throw new Error(
    "Supabase環境変数が設定されていません。NEXT_PUBLIC_SUPABASE_URLとNEXT_PUBLIC_SUPABASE_ANON_KEYを.env.localファイルに設定してください。",
  )
}

export const supabase = createClient(supabaseUrl, supabaseAnonKey)

// Database Types
export interface DojoSettings {
  id: string
  dojo_name: string
  organization: string
  tagline: string
  hero_title: string
  hero_description: string
  address: string
  phone: string
  email: string
  hero_image_url: string
  logo_text: string
  created_at: string
  updated_at: string
}

export interface Class {
  id: string
  name: string
  age_range: string
  description: string
  price: number
  badge_color: string
  features: string[]
  image_url: string
  order_index: number
  created_at: string
}

export interface Instructor {
  id: string
  name: string
  rank: string
  title: string
  bio: string
  image_url: string
  order_index: number
  created_at: string
}

export interface Schedule {
  id: string
  day_of_week: string
  start_time: string
  end_time: string
  class_name: string
  target_age: string
  order_index: number
  created_at: string
}

export interface News {
  id: string
  title: string
  content: string
  published_at: string
  is_published: boolean
  created_at: string
}
[V0_FILE]typescriptreact:file="lib/supabase-mock.ts"
// モックデータ - Supabase設定前の開発用
export const mockDojoSettings = {
  id: "1",
  dojo_name: "DO!道場",
  organization: "一般社団法人極真会館",
  tagline: "伝統と心を育む",
  hero_title: "東京城南川端道場",
  hero_description:
    "伝統的な空手の技術と精神を学び、強い心と健康な体を育てます。初心者から上級者まで、年齢を問わず歓迎いたします。",
  address: "〒123-4567\n東京都渋谷区道場町1-2-3\n武道館ビル2F",
  phone: "03-1234-5678",
  email: "info@budokan-karate.jp",
  hero_image_url: "/karate-training-dojo-martial-arts-practice.jpg",
  logo_text: "拳",
  created_at: new Date().toISOString(),
  updated_at: new Date().toISOString(),
}

export const mockClasses = [
  {
    id: "1",
    name: "キッズクラス",
    age_range: "4歳〜小学生",
    description: "楽しく基礎を学ぶ",
    price: 6000,
    badge_color: "bg-blue-100 text-blue-800",
    features: ["基本的な礼儀作法", "基本動作の習得", "体力・柔軟性の向上", "集中力の養成"],
    image_url: "/kids-karate-class-children-martial-arts-training.jpg",
    order_index: 1,
    created_at: new Date().toISOString(),
  },
  {
    id: "2",
    name: "ジュニアクラス",
    age_range: "中学生〜高校生",
    description: "技術向上を目指す",
    price: 7000,
    badge_color: "bg-green-100 text-green-800",
    features: ["基本技の完成度向上", "形（型）の習得", "組手の基礎", "昇級・昇段試験対応"],
    image_url: "/teenage-karate-students-practicing-kata-forms.jpg",
    order_index: 2,
    created_at: new Date().toISOString(),
  },
  {
    id: "3",
    name: "一般クラス",
    age_range: "18歳以上",
    description: "本格的な空手道",
    price: 8000,
    badge_color: "bg-red-100 text-red-800",
    features: ["伝統的な空手技術", "高度な形の習得", "実戦的な組手", "健康維持・ストレス解消"],
    image_url: "/adult-karate-sparring-kumite-advanced-training.jpg",
    order_index: 3,
    created_at: new Date().toISOString(),
  },
]

export const mockInstructors = [
  {
    id: "1",
    name: "田中 太郎",
    rank: "七段",
    title: "師範・道場長",
    bio: "空手歴35年。全日本空手道選手権大会優勝経験者。伝統的な空手道の指導に情熱を注いでいます。",
    image_url: "/karate-sensei-master-instructor-black-belt.jpg",
    order_index: 1,
    created_at: new Date().toISOString(),
  },
  {
    id: "2",
    name: "佐藤 花子",
    rank: "五段",
    title: "指導員",
    bio: "空手歴20年。特にキッズクラスの指導に定評があり、子どもたちから慕われています。",
    image_url: "/female-karate-instructor-teacher-martial-arts.jpg",
    order_index: 2,
    created_at: new Date().toISOString(),
  },
]

export const mockSchedule = [
  {
    id: "1",
    day_of_week: "月曜日",
    start_time: "17:00",
    end_time: "18:00",
    class_name: "キッズクラス",
    target_age: "4歳〜小学生",
    order_index: 1,
    created_at: new Date().toISOString(),
  },
  {
    id: "2",
    day_of_week: "月曜日",
    start_time: "19:00",
    end_time: "20:30",
    class_name: "一般クラス",
    target_age: "18歳以上",
    order_index: 2,
    created_at: new Date().toISOString(),
  },
  {
    id: "3",
    day_of_week: "水曜日",
    start_time: "17:00",
    end_time: "18:00",
    class_name: "キッズクラス",
    target_age: "4歳〜小学生",
    order_index: 3,
    created_at: new Date().toISOString(),
  },
  {
    id: "4",
    day_of_week: "水曜日",
    start_time: "18:30",
    end_time: "20:00",
    class_name: "ジュニアクラス",
    target_age: "中学生〜高校生",
    order_index: 4,
    created_at: new Date().toISOString(),
  },
  {
    id: "5",
    day_of_week: "金曜日",
    start_time: "19:00",
    end_time: "20:30",
    class_name: "一般クラス",
    target_age: "18歳以上",
    order_index: 5,
    created_at: new Date().toISOString(),
  },
  {
    id: "6",
    day_of_week: "土曜日",
    start_time: "10:00",
    end_time: "12:00",
    class_name: "合同稽古",
    target_age: "全クラス",
    order_index: 6,
    created_at: new Date().toISOString(),
  },
]

export const mockNews = [
  {
    id: "1",
    title: "新年稽古始めのお知らせ",
    content: "1月8日より新年の稽古を開始いたします。本年もよろしくお願いいたします。",
    published_at: "2024-01-15T00:00:00Z",
    is_published: true,
    created_at: "2024-01-15T00:00:00Z",
  },
  {
    id: "2",
    title: "昇級審査結果発表",
    content: "12月に実施された昇級審査の結果を発表いたします。合格者の皆様おめでとうございます。",
    published_at: "2024-01-10T00:00:00Z",
    is_published: true,
    created_at: "2024-01-10T00:00:00Z",
  },
  {
    id: "3",
    title: "冬季合宿のご報告",
    content: "12月26日〜28日に実施された冬季合宿が無事終了いたしました。参加者の皆様お疲れ様でした。",
    published_at: "2024-01-05T00:00:00Z",
    is_published: true,
    created_at: "2024-01-05T00:00:00Z",
  },
]
[V0_FILE]typescriptreact:file="app/actions/dojo.ts" isEdit="true"
"use server"

import { revalidatePath } from "next/cache"

// 環境変数チェック
const isSupabaseConfigured = Boolean(process.env.NEXT_PUBLIC_SUPABASE_URL && process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY)

// Supabaseが設定されている場合のみインポート
let supabase: any
if (isSupabaseConfigured) {
  const supabaseModule = await import("@/lib/supabase")
  supabase = supabaseModule.supabase
}

// モックデータをインポート
import { mockDojoSettings, mockClasses, mockInstructors, mockSchedule, mockNews } from "@/lib/supabase-mock"

export async function getDojoSettings() {
  if (!isSupabaseConfigured) {
    return mockDojoSettings
  }

const { data, error } = await supabase.from("dojo_settings").select("*").single()
  if (error) throw error
  return data
}

export async function updateDojoSettings(settings: any) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { data, error } = await supabase
    .from("dojo_settings")
    .update({
      ...settings,
      updated_at: new Date().toISOString(),
    })
    .eq("id", settings.id)
    .select()
    .single()

if (error) throw error
  revalidatePath("/")
  return data
}

export async function getClasses() {
  if (!isSupabaseConfigured) {
    return mockClasses
  }

const { data, error } = await supabase.from("classes").select("*").order("order_index")
  if (error) throw error
  return data
}

export async function createClass(classData: any) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { data, error } = await supabase.from("classes").insert(classData).select().single()
  if (error) throw error
  revalidatePath("/")
  return data
}

export async function updateClass(id: string, classData: any) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { data, error } = await supabase.from("classes").update(classData).eq("id", id).select().single()
  if (error) throw error
  revalidatePath("/")
  return data
}

export async function deleteClass(id: string) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { error } = await supabase.from("classes").delete().eq("id", id)
  if (error) throw error
  revalidatePath("/")
}

export async function getInstructors() {
  if (!isSupabaseConfigured) {
    return mockInstructors
  }

const { data, error } = await supabase.from("instructors").select("*").order("order_index")
  if (error) throw error
  return data
}

export async function createInstructor(instructorData: any) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { data, error } = await supabase.from("instructors").insert(instructorData).select().single()
  if (error) throw error
  revalidatePath("/")
  return data
}

export async function updateInstructor(id: string, instructorData: any) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { data, error } = await supabase.from("instructors").update(instructorData).eq("id", id).select().single()
  if (error) throw error
  revalidatePath("/")
  return data
}

export async function deleteInstructor(id: string) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { error } = await supabase.from("instructors").delete().eq("id", id)
  if (error) throw error
  revalidatePath("/")
}

export async function getSchedule() {
  if (!isSupabaseConfigured) {
    return mockSchedule
  }

const { data, error } = await supabase.from("schedule").select("*").order("order_index")
  if (error) throw error
  return data
}

export async function createSchedule(scheduleData: any) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { data, error } = await supabase.from("schedule").insert(scheduleData).select().single()
  if (error) throw error
  revalidatePath("/")
  return data
}

export async function updateSchedule(id: string, scheduleData: any) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { data, error } = await supabase.from("schedule").update(scheduleData).eq("id", id).select().single()
  if (error) throw error
  revalidatePath("/")
  return data
}

export async function deleteSchedule(id: string) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { error } = await supabase.from("schedule").delete().eq("id", id)
  if (error) throw error
  revalidatePath("/")
}

export async function getNews() {
  if (!isSupabaseConfigured) {
    return mockNews
  }

const { data, error } = await supabase
    .from("news")
    .select("*")
    .eq("is_published", true)
    .order("published_at", { ascending: false })
    .limit(10)

if (error) throw error
  return data
}

export async function getAllNews() {
  if (!isSupabaseConfigured) {
    return mockNews
  }

const { data, error } = await supabase.from("news").select("*").order("created_at", { ascending: false })
  if (error) throw error
  return data
}

export async function createNews(newsData: any) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { data, error } = await supabase.from("news").insert(newsData).select().single()
  if (error) throw error
  revalidatePath("/")
  return data
}

export async function updateNews(id: string, newsData: any) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { data, error } = await supabase.from("news").update(newsData).eq("id", id).select().single()
  if (error) throw error
  revalidatePath("/")
  return data
}

export async function deleteNews(id: string) {
  if (!isSupabaseConfigured) {
    throw new Error("Supabaseが設定されていません")
  }

const { error } = await supabase.from("news").delete().eq("id", id)
  if (error) throw error
  revalidatePath("/")
}</article></body></html>