WebAppsDocs/en-US/win10/MeteorOnPi.md

layout	title	permalink	lang
index	Learn Meteor JS and deploy an app to the Raspberry Pi 2	/en-US/win10/MeteorOnPi.htm	en-US

Create a MeteorJS app and deploy it to the Raspberry Pi 2

In this tutorial, we are going to create and deploy the sample applciation, MeteorJS Todos, as a Universal Windows App that can run on the Raspberry Pi 2 as well as any other Windows Device.

What you need to for this tutorial

• Windows machine
• Raspberry Pi 2
• Basic Git knowledge
• Visual Studio 2015. The free, full-featured Visual Studio Community 2015 includes the Windows 10 developer tools, universal app templates, a code editor, a powerful debugger, Windows Mobile emulators, rich language support, and much more—all ready to use in production.
• (Optional) Windows Standalone SDK for Windows 10. If you are using a development environment other than Visual Studio 2015, you can download a standalone Windows SDK for Windows 10 installer. Note that you do not need to install this SDK if you're using Visual Studio 2015; it is already included.

<div class="row row-spacer">
    <div class="col-xs-24 col-md-12 col-md-push-12">
        <section class="item-section">
            <header class="section-header">
                <h2 class="spacer-32-bottom">Step 1: Get and Run MeteorJS Todos</h2>
            </header>
            <div class="section-body spacer-32-bottom">
                <ol class="spacer-16-top">
                    <li><a href="https://www.meteor.com/install">Download MeteorJS</a> for Windows</li>
                    <li>
                    	<p>To download the app, open your terminal and type:</p>
                    	<p class="spacer-16-top"><code class="simple-code"> meteor create --example todos</code></p>
               			<p class="spacer-16-top">This will create a new folder called <strong>todos</strong> with all of the files that a Meteor app needs.</p>
                    </li>
                    <li>
                    	<p>To run the newly create app, open your terminal and type:</p>
                    	<p class="spacer-16-top">
                    		<code class="simple-code">
                    			cd todos
                    		</code>
                    	</p>
                    	<p>
                    		<code class="simple-code">
                    			meteor
                    		</code>
                    	</p>
               			<p class="spacer-16-top">Open Edge and go to <strong>http://localhost:3000</strong> to see the app running. It should look like the picture to the left.</p>
                    </li>
                    
                </ol>
            </div>
        </section>
    </div>
    <div class="col-xs-24 col-md-12 col-md-pull-12">
        <div class="image-container">
            <a href="{{site.baseurl}}/images/MeteorOnPi/todosMeteor.png">
                <img class="grey-border"  alt="Codepen example" src="{{site.baseurl}}/images/MeteorOnPi/todosMeteor.png"/>
            </a>
        </div>
    </div>
</div>
<div class="row row-spacer">
    <div class="col-xs-24 col-md-12">
        <section class="item-section">
            <header class="section-header">
                <h2 class="spacer-32-bottom">Step 2: Deploy your app</h2>
            </header>
            <div class="section-body spacer-32-bottom">
            	<p>Now that we have tested the app locally, let's deploy it to the web so we can use that URL to make a hosted web app.</p>
            	<p class="spacer-16-top">Go to your directoy and type:</p>
                <p class="spacer-16-top">
            		<code class="simple-code">
            			meteor deploy my_app_name.meteor.com
            		</code>
            	</p>
                <p class="spacer-16-top">Once it's done, you can navigate to <strong>http://my_app_name.meteor.com</strong> to play with your app.</p>           
            </div>
        </section>
    </div>
    <div class="col-xs-24 col-md-12">
        <div class="image-container">
            <a href="{{site.baseurl}}/images/MeteorOnPi/deployedTodosMeteor.png">
                <img class="grey-border"  alt="Codepen example" src="{{site.baseurl}}/images/MeteorOnPi/deployedTodosMeteor.png"/>
            </a>
        </div>
    </div>
</div>
<div class="row row-spacer">
    <div class="col-md-4 col-lg-4"></div>
    <div class="col-md-16 col-lg-16">
        <section class="item-section">
            <header class="section-header">
                <h2 class="spacer-32-bottom">Step 3: Your web on Pi</h2>
            </header>
            <div class="section-body spacer-32-bottom">
                <div class="section-body">
                <p>Follow <a href="{{site.baseurl}}/en-US/win10/DeployToPiWithVS.htm">this tutorial</a> to deploy your newly MeteorJS app as a Windows Universal Platform app.</p>
            </div>
            </div>
        </section>
    </div>
</div>