# Video Tutorials

Step-by-step video guides for building on the Orama Network. New tutorials are added regularly.

---

## Featured

<div className="grid grid-cols-1 gap-6 mt-4">

<div className="border border-border/40 rounded-lg overflow-hidden bg-surface-2/30">
  <div className="aspect-video">
    <iframe
      src="https://www.youtube.com/embed/1p1EEZMJ_WI"
      title="Orama Network Introduction"
      frameBorder="0"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
      allowFullScreen
      className="w-full h-full"
    />
  </div>
</div>

<div className="border border-border/40 rounded-lg overflow-hidden bg-surface-2/30">
  <div className="aspect-video">
    <iframe
      src="https://www.youtube.com/embed/CHwjFSrRp_o"
      title="Orama Network Deep Dive"
      frameBorder="0"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
      allowFullScreen
      className="w-full h-full"
    />
  </div>
</div>

<div className="border border-border/40 rounded-lg overflow-hidden bg-surface-2/30">
  <div className="aspect-video">
    <iframe
      src="https://www.youtube.com/embed/Y-JwWIH922g"
      title="Orama Network Tutorial"
      frameBorder="0"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
      allowFullScreen
      className="w-full h-full"
    />
  </div>
</div>

</div>

---

## More Coming Soon

<div className="grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4">

<div className="border border-border/40 rounded-lg overflow-hidden bg-surface-2/30">
  <div className="aspect-video bg-surface-2/60 flex items-center justify-center text-muted">
    <span className="text-sm font-mono">Coming Soon</span>
  </div>
  <div className="p-4">
    <h4 className="text-sm font-medium text-fg">Your First Deployment</h4>
    <p className="text-xs text-muted mt-1">Install the CLI, authenticate, and deploy a static site in under 5 minutes.</p>
  </div>
</div>

<div className="border border-border/40 rounded-lg overflow-hidden bg-surface-2/30">
  <div className="aspect-video bg-surface-2/60 flex items-center justify-center text-muted">
    <span className="text-sm font-mono">Coming Soon</span>
  </div>
  <div className="p-4">
    <h4 className="text-sm font-medium text-fg">SDK Quickstart</h4>
    <p className="text-xs text-muted mt-1">Set up the TypeScript SDK, authenticate with your wallet, and make your first API call.</p>
  </div>
</div>

</div>
