<div class="hero ">
                <div class="hero-wrapper">
                    <div class="hero_\_img">
                    
                <img src="/_static/img/mascots-2/cloud.svg" />
                
                    </div>
                    <div class="hero-header">
                        <h1 class="hero_\_title">Learn ScyllaDB using the Cloud Database</h1>
                        <div class="hero_\_text">
            
This tutorial is a step-by-step guide to build an Media Player project connected to ScyllaDB Cloud.
After completing the project, you will be able to create back-end services that share data through a ScyllaDB Cloud cluster.

</div>
                <a href="https://github.com/scylladb/scylla-cloud-getting-started">
                <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 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 with ScyllaDB Cloud</h3>
                </div>
                <div class="topic-box_\_body">
            
Create a Sandbox Cluster configure it to use ScyllaDB as the backend datastore.


            
                <div class="topic-box_\_anchor">Get Started</div>
                
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="design-and-data-model.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-database"></i>
            </div>
            
                <h3 class="topic-box_\_title">Design and Data Model</h3>
                </div>
                <div class="topic-box_\_body">
            
Learn more about the queries used in the example, make the primary key and clustering key selection, and create the database schema.


            
                <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://iot.scylladb.com/stable" target="_blank">
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-edit"></i>
            </div>
            
                <h3 class="topic-box_\_title">Next Project: Care-Pet</h3>
                </div>
                <div class="topic-box_\_body">
            
The Care-Pet Example walks you through the data collection using a IoT collar.


            
                <div class="topic-box_\_anchor">Go to the Project
                 <i class="icon-newtab" aria-hidden="true"></i>
                </div>
                
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="build-with-java.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon"">
                <img src="/_static/img/programming_languages/java.png"/>
            </div>
            
                <h3 class="topic-box_\_title">Build with Java</h3>
                </div>
                <div class="topic-box_\_body">
            
            
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="build-with-javascript.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon"">
                <img src="/_static/img/programming_languages/javascript.png"/>
            </div>
            
                <h3 class="topic-box_\_title">Build with JavaScript</h3>
                </div>
                <div class="topic-box_\_body">
            
            
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="build-with-rust.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon"">
                <img src="/_static/img/programming_languages/rust.png"/>
            </div>
            
                <h3 class="topic-box_\_title">Build with Rust</h3>
                </div>
                <div class="topic-box_\_body">
            
            
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="build-with-python.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon"">
                <img src="/_static/img/programming_languages/python.png"/>
            </div>
            
                <h3 class="topic-box_\_title">Build with Python</h3>
                </div>
                <div class="topic-box_\_body">
            
            
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="build-with-elixir.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon"">
                <img src="/_static/img/programming_languages/elixir.png"/>
            </div>
            
                <h3 class="topic-box_\_title">Build with Elixir</h3>
                </div>
                <div class="topic-box_\_body">
            
            
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="build-with-csharp.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon"">
                <img src="/_static/img/programming_languages/csharp.png"/>
            </div>
            
                <h3 class="topic-box_\_title">Build with Csharp</h3>
                </div>
                <div class="topic-box_\_body">
            
            
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="build-with-golang.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon"">
                <img src="/_static/img/programming_languages/gopher.png"/>
            </div>
            
                <h3 class="topic-box_\_title">Build with Golang</h3>
                </div>
                <div class="topic-box_\_body">
            
            
            </div>
            </a></div>
            </div></div></div><div class="landing_\_content 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="alternator/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 with ScyllaDB Alternator</h3>
                </div>
                <div class="topic-box_\_body">
            
Create a Sandbox Cluster configure it to use ScyllaDB as the backend datastore.


            
                <div class="topic-box_\_anchor">Get Started</div>
                
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="design-and-data-model.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-database"></i>
            </div>
            
                <h3 class="topic-box_\_title">Design and Data Model</h3>
                </div>
                <div class="topic-box_\_body">
            
Learn more about the queries used in the example, make the primary key and clustering key selection, and create the database schema.


            
                <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://iot.scylladb.com/stable" target="_blank">
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-edit"></i>
            </div>
            
                <h3 class="topic-box_\_title">Next Project: Care-Pet</h3>
                </div>
                <div class="topic-box_\_body">
            
The Care-Pet Example walks you through the data collection using a IoT collar.


            
                <div class="topic-box_\_anchor">Go to the Project
                 <i class="icon-newtab" aria-hidden="true"></i>
                </div>
                
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="alternator/build-with-php.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon"">
                <img src="/_static/img/programming_languages/php.png"/>
            </div>
            
                <h3 class="topic-box_\_title">Build with PHP</h3>
                </div>
                <div class="topic-box_\_body">
            
            
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="alternator/build-with-python.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon"">
                <img src="/_static/img/programming_languages/python.png"/>
            </div>
            
                <h3 class="topic-box_\_title">Build with Python</h3>
                </div>
                <div class="topic-box_\_body">
            
            
            </div>
            </a></div>
            </div></div></div>
