<div class="hero ">
                <div class="hero-wrapper">
                    <div class="hero_\_img">
                    
                <img src="/_static/img/scylla-cloud-mascot.png" />
                
                    </div>
                    <div class="hero-header">
                        <h1 class="hero_\_title">Build a video streaming application with ScyllaDB</h1>
                        <div class="hero_\_text">
            
Sample video streaming application built with ScyllaDB and NextJS.

</div>
                <a href="https://github.com/scylladb/video-streaming">
                <button class="hero_\_button button hero_\_button--bold">
                <i class='icon icon--left  icon-github' aria-hidden='true'></i>Source code
                </button>
                </a>
                </div></div></div><div class="landing_\_content"><div class="topics-grid grid-container full"><div class="grid-x grid-margin-x">
            
                <div class="cell topic-box large-4">
                    <a class="card" href="getting-started.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-play-circle"></i>
            </div>
            
                <h3 class="topic-box_\_title">Getting started</h3>
                </div>
                <div class="topic-box_\_body">
            
Watch the tutorial and follow the steps to set up a new ScyllaDB cluster and run the app.


            
                <div class="topic-box_\_anchor">Get started</div>
                
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="data-model.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-database"></i>
            </div>
            
                <h3 class="topic-box_\_title">Data model</h3>
                </div>
                <div class="topic-box_\_body">
            
Create the database schema for your video streaming app.


            
                <div class="topic-box_\_anchor">Learn more</div>
                
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4 small-12">
                    <a class="card" href="https://www.scylladb.com/2024/01/09/build-a-low-latency-video-streaming-app/" target="_blank">
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-edit"></i>
            </div>
            
                <h3 class="topic-box_\_title">Designing the data model - blog</h3>
                </div>
                <div class="topic-box_\_body">
            
This blog post walks you through the process of deisigning a performant database schema for the video streaming app.


            
                <div class="topic-box_\_anchor">Read the article
                 <i class="icon-newtab" aria-hidden="true"></i>
                </div>
                
            </div>
            </a></div>
            </div></div></div>
