Skip to main content

import VideoShowcase from '@/components/VideoShowcase';

{/* TO UPDATE VIDEO TITLES & DESCRIPTIONS:

  1. Visit each YouTube URL below
  2. Copy the actual video title and description
  3. Replace the placeholder text in the videos array

Video URLs to check:

Video Showcase

Explore Motia's capabilities through our collection of demonstration videos and tutorials. These videos showcase real-world examples, feature walkthroughs, and development workflows.

<VideoShowcase title="Featured Videos" description="Watch Motia in action with these curated video demonstrations" columns={2} videos={[ { id: "demo-1", title: "A challenge to traditional backend development flow", description: "A challenge to traditional backend", url: "https://youtu.be/U59FUduO6wY?si=pw4CmpZXLreHVzs6" }, { id: "demo-2", title: "Vercel but for backend", description: "Motia Overview", url: "https://youtu.be/UUVE5db78cc?si=th_rD9cgMsE1BJrt" }, { id: "demo-3", title: "Next.js Background Jobs Are Easy Now", description: "Next.js Background Jobs with Motia", url: "https://youtu.be/7KZS0syLrUo?si=3LEyfcZ-5ZaEB8xQ" }, { id: "demo-4", title: "You have never seen a DX (Developer Experience) like this", description: "Motia's Interactive tutorial Demo", url: "https://youtu.be/JECQtMSBJyY?si=aScCBb09B5tXfOsX" }, { id: "demo-5", title: "The only AI framework you’ll ever need", description: "Motia's tutorial for LinkedIn and Twitter Automation on Typefully", url: "https://www.youtube.com/watch?v=6EFTemC99AM" } ]} />

Adding More Videos​

To add more videos to this showcase, simply edit this file and add new video objects to the videos array. Each video should have:

  • id: A unique identifier for the video
  • title: The display title for the video
  • description: A brief description of what the video covers
  • url: The YouTube URL (supports various formats)
{
  id: "your-video-id",
  title: "Your Video Title",
  description: "Brief description of the video content",
  url: "https://youtu.be/YOUR_VIDEO_ID"
}