Closed kratiahuja closed 7 years ago
❯ curl 'http://localhost:4200/' -H 'Accept: text/html' <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Ember FastBoot</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <meta name="fastboot-website/config/environment" content="%7B%22modulePrefix%22%3A%22fastboot-website%22%2C%22environment%22%3A%22development%22%2C%22rootURL%22%3A%22/%22%2C%22locationType%22%3A%22auto%22%2C%22metricsAdapters%22%3A%5B%7B%22name%22%3A%22GoogleAnalytics%22%2C%22environments%22%3A%5B%22all%22%5D%2C%22config%22%3A%7B%22id%22%3A%22UA-75816692-1%22%7D%7D%5D%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22fastboot-website%22%2C%22version%22%3A%220.0.0+54299cd1%22%7D%2C%22exportApplicationGlobal%22%3Atrue%7D" /> <script src="/ember-cli-live-reload.js" type="text/javascript"></script> <!-- EMBER_CLI_FASTBOOT_TITLE --><meta name="ember-cli-head-start"><meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Ember FastBoot"> <meta name="twitter:description" content="Progressive enhancement for ambitious web apps"> <meta name="twitter:image" content="/images/site-preview.png"> <meta name="ember-cli-head-end"> <link rel="stylesheet" href="/assets/vendor.css"> <link rel="stylesheet" href="/assets/fastboot-website.css"> </head> <body> <div id="ember229" class="ember-view"><div id="ember257" class="liquid-container ember-view"><div id="ember268" class="liquid-child ember-view"><div id="ember278" class="main-hero ember-view"><div> <div class="center"> <div id="ember285" class="fastboot-logo ember-view"><svg viewbox="0 0 535 127"><path d="M65.608 41.472h7.808L64.968 96H80.84l8.576-54.528h14.976l1.792-11.136H91.208l.896-5.632c1.408-9.728 4.352-12.288 10.368-12.288 3.2 0 6.144.64 8.704 1.408l3.328-11.008C112.2 2.048 106.696.512 100.552.512c-13.696 0-21.632 7.04-23.808 20.736l-1.408 9.088H67.4l-1.792 11.136zm97.9 44.672c-1.152.256-2.048.384-2.944.384-2.816 0-3.456-1.664-2.944-4.992l3.712-23.424c.384-2.816.768-6.528.768-8.832 0-11.648-5.888-20.48-23.424-20.48-21.248 0-29.824 10.624-28.416 25.984l14.464-1.28c-.384-8.192 1.408-13.824 12.416-13.824 5.76 0 9.6 2.56 9.6 9.728 0 1.664-.256 3.584-.512 5.632l-.512 2.816c-20.48 1.152-42.752 3.2-42.752 23.552 0 8.576 5.248 16.128 18.048 16.128 10.112 0 17.536-4.096 21.888-10.368.384 6.144 2.816 9.728 10.496 9.728 2.56 0 5.504-.384 8.96-1.152l1.152-9.6zm-20.096-13.44c-1.408 8.064-7.68 14.336-16 14.336-5.12 0-8.192-2.432-8.192-7.424 0-10.88 12.928-11.648 24.96-12.16l-.768 5.248zm85.613-25.344c-.512-12.16-8.064-18.56-23.296-18.56-14.337 0-28.29 6.272-28.29 21.76 0 24.192 32.13 12.8 32.13 26.88 0 6.016-4.865 8.832-13.185 8.832-9.344 0-11.136-4.352-11.264-11.264l-14.59 2.432c-.13 13.824 8.703 20.096 25.215 20.096 15.232 0 29.568-7.168 29.568-22.656 0-23.936-32.512-13.312-32.512-27.008 0-6.016 5.12-8.32 11.777-8.32 7.68 0 10.24 3.968 10.112 10.752l14.335-2.944zm6.508-5.888h7.936l-5.377 34.048c-.384 2.176-.512 4.352-.512 6.272 0 10.88 6.145 15.744 17.92 15.744 5.505 0 10.497-1.024 13.44-2.176l.13-11.008c-2.69.768-5.25 1.28-8.065 1.28-5.376 0-7.296-1.792-7.296-6.4 0-1.28.127-2.816.383-4.48l5.248-33.28h14.977l1.792-11.136h-14.977l2.816-18.56-16.64 4.736-2.05 13.824h-7.935l-1.792 11.136zm72.94-39.424H292.6L277.754 96h13.056l2.815-7.296h.64c3.456 6.016 10.112 8.96 17.664 8.96 23.04 0 32.255-23.424 32.255-44.672 0-16.256-8.704-24.192-20.352-24.192-9.088 0-16.512 4.48-20.48 9.344h-.512l5.633-36.096zm-11.136 70.784c0-11.264 3.84-33.152 19.712-33.152 5.76 0 10.623 3.072 10.623 14.08 0 10.368-4.096 32.896-18.688 32.896-7.168 0-11.648-4.224-11.648-13.824zm81.517 13.056c-9.216 0-11.776-6.4-11.776-14.464 0-12.288 3.968-30.976 19.84-30.976 9.344 0 11.904 6.272 11.904 14.848 0 11.52-4.352 30.592-19.968 30.592zm-1.536 11.648c24.448 0 37.76-18.176 37.76-43.136 0-17.152-10.24-25.6-26.624-25.6-24.576 0-37.76 18.048-37.76 43.008 0 17.152 10.368 25.728 26.624 25.728zm72.556-11.648c-9.216 0-11.776-6.4-11.776-14.464 0-12.288 3.968-30.976 19.84-30.976 9.344 0 11.904 6.272 11.904 14.848 0 11.52-4.352 30.592-19.968 30.592zm-1.536 11.648c24.448 0 37.76-18.176 37.76-43.136 0-17.152-10.24-25.6-26.624-25.6-24.576 0-37.76 18.048-37.76 43.008 0 17.152 10.368 25.728 26.624 25.728zm45.292-56.064h7.936L496.19 75.52c-.384 2.176-.512 4.352-.512 6.272 0 10.88 6.144 15.744 17.92 15.744 5.504 0 10.496-1.024 13.44-2.176l.128-11.008c-2.688.768-5.248 1.28-8.064 1.28-5.376 0-7.296-1.792-7.296-6.4 0-1.28.128-2.816.384-4.48l5.248-33.28h14.976l1.792-11.136H519.23l2.816-18.56-16.64 4.736-2.048 13.824h-7.936l-1.792 11.136z"></path><path d="M69.746 67.093H85.32l-8.48 58.96H59.96l9.786-58.96zM72.06 30.352H26.67L22 41.478h49.28l.78-11.126zM85.32 51.352H4.04L0 62.478h83.055l2.266-11.126z"></path><path d="M84.32 72.352H36.63l-2.37 11.126h48.732l1.33-11.126z"></path></svg> </div> <h2 class="main-hero-slogan"> Progressive enhancement for<br> ambitious web apps. </h2> </div> <div class="my4"> <div id="ember288" class="main-hero-terminal ember-view"><div class="flex p1"> <div class="main-hero-terminal-traffic-light"></div> <div class="main-hero-terminal-traffic-light"></div> <div class="main-hero-terminal-traffic-light"></div> </div> <div class="px2 pb2"> <pre class="m0"><code><span class="faded"></span> <span class="orange">ember</span> install <span class="purple">ember-cli-fastboot</span></code></pre> </div> </div> <div class="main-hero-requirements mt1"> Ember.js 2.3+ required (Ember.js 2.4+ recommended)<br> Node.js 4.0+ </div> </div> <div class="main-hero-actions"> <a href="/quickstart" id="ember291" class="main-hero-button ember-view"> Quickstart </a> <a href="/docs/user-guide" id="ember298" class="main-hero-button ember-view"> User Guide </a> </div> </div> </div> <div class="p1"> <nav id="ember301" class="main-nav max-width-3 mx-auto ember-view"><div id="ember302" class="fastboot-logo ember-view"><svg viewbox="0 0 535 127"><path d="M65.608 41.472h7.808L64.968 96H80.84l8.576-54.528h14.976l1.792-11.136H91.208l.896-5.632c1.408-9.728 4.352-12.288 10.368-12.288 3.2 0 6.144.64 8.704 1.408l3.328-11.008C112.2 2.048 106.696.512 100.552.512c-13.696 0-21.632 7.04-23.808 20.736l-1.408 9.088H67.4l-1.792 11.136zm97.9 44.672c-1.152.256-2.048.384-2.944.384-2.816 0-3.456-1.664-2.944-4.992l3.712-23.424c.384-2.816.768-6.528.768-8.832 0-11.648-5.888-20.48-23.424-20.48-21.248 0-29.824 10.624-28.416 25.984l14.464-1.28c-.384-8.192 1.408-13.824 12.416-13.824 5.76 0 9.6 2.56 9.6 9.728 0 1.664-.256 3.584-.512 5.632l-.512 2.816c-20.48 1.152-42.752 3.2-42.752 23.552 0 8.576 5.248 16.128 18.048 16.128 10.112 0 17.536-4.096 21.888-10.368.384 6.144 2.816 9.728 10.496 9.728 2.56 0 5.504-.384 8.96-1.152l1.152-9.6zm-20.096-13.44c-1.408 8.064-7.68 14.336-16 14.336-5.12 0-8.192-2.432-8.192-7.424 0-10.88 12.928-11.648 24.96-12.16l-.768 5.248zm85.613-25.344c-.512-12.16-8.064-18.56-23.296-18.56-14.337 0-28.29 6.272-28.29 21.76 0 24.192 32.13 12.8 32.13 26.88 0 6.016-4.865 8.832-13.185 8.832-9.344 0-11.136-4.352-11.264-11.264l-14.59 2.432c-.13 13.824 8.703 20.096 25.215 20.096 15.232 0 29.568-7.168 29.568-22.656 0-23.936-32.512-13.312-32.512-27.008 0-6.016 5.12-8.32 11.777-8.32 7.68 0 10.24 3.968 10.112 10.752l14.335-2.944zm6.508-5.888h7.936l-5.377 34.048c-.384 2.176-.512 4.352-.512 6.272 0 10.88 6.145 15.744 17.92 15.744 5.505 0 10.497-1.024 13.44-2.176l.13-11.008c-2.69.768-5.25 1.28-8.065 1.28-5.376 0-7.296-1.792-7.296-6.4 0-1.28.127-2.816.383-4.48l5.248-33.28h14.977l1.792-11.136h-14.977l2.816-18.56-16.64 4.736-2.05 13.824h-7.935l-1.792 11.136zm72.94-39.424H292.6L277.754 96h13.056l2.815-7.296h.64c3.456 6.016 10.112 8.96 17.664 8.96 23.04 0 32.255-23.424 32.255-44.672 0-16.256-8.704-24.192-20.352-24.192-9.088 0-16.512 4.48-20.48 9.344h-.512l5.633-36.096zm-11.136 70.784c0-11.264 3.84-33.152 19.712-33.152 5.76 0 10.623 3.072 10.623 14.08 0 10.368-4.096 32.896-18.688 32.896-7.168 0-11.648-4.224-11.648-13.824zm81.517 13.056c-9.216 0-11.776-6.4-11.776-14.464 0-12.288 3.968-30.976 19.84-30.976 9.344 0 11.904 6.272 11.904 14.848 0 11.52-4.352 30.592-19.968 30.592zm-1.536 11.648c24.448 0 37.76-18.176 37.76-43.136 0-17.152-10.24-25.6-26.624-25.6-24.576 0-37.76 18.048-37.76 43.008 0 17.152 10.368 25.728 26.624 25.728zm72.556-11.648c-9.216 0-11.776-6.4-11.776-14.464 0-12.288 3.968-30.976 19.84-30.976 9.344 0 11.904 6.272 11.904 14.848 0 11.52-4.352 30.592-19.968 30.592zm-1.536 11.648c24.448 0 37.76-18.176 37.76-43.136 0-17.152-10.24-25.6-26.624-25.6-24.576 0-37.76 18.048-37.76 43.008 0 17.152 10.368 25.728 26.624 25.728zm45.292-56.064h7.936L496.19 75.52c-.384 2.176-.512 4.352-.512 6.272 0 10.88 6.144 15.744 17.92 15.744 5.504 0 10.496-1.024 13.44-2.176l.128-11.008c-2.688.768-5.248 1.28-8.064 1.28-5.376 0-7.296-1.792-7.296-6.4 0-1.28.128-2.816.384-4.48l5.248-33.28h14.976l1.792-11.136H519.23l2.816-18.56-16.64 4.736-2.048 13.824h-7.936l-1.792 11.136z"></path><path d="M69.746 67.093H85.32l-8.48 58.96H59.96l9.786-58.96zM72.06 30.352H26.67L22 41.478h49.28l.78-11.126zM85.32 51.352H4.04L0 62.478h83.055l2.266-11.126z"></path><path d="M84.32 72.352H36.63l-2.37 11.126h48.732l1.33-11.126z"></path></svg> </div> <ul class="list-reset"> <li class="inline-block mr1"><a href="/" id="ember303" class="active ember-view">Intro</a></li> <li class="inline-block mr1"><a href="/quickstart" id="ember304" class="ember-view">Quickstart</a></li> <li class="inline-block mr1"><a href="/docs/user-guide" id="ember305" class="ember-view">User Guide</a></li> <li class="inline-block mr1"><a href="/docs/deploying" id="ember306" class="ember-view">Deploying</a></li> <li class="inline-block mr1"><a href="/docs/addon-author-guide" id="ember307" class="ember-view">Addon Author Guide</a></li> </ul> </nav> <section class="max-width-3 mx-auto"> <h3><a id="how-does-it-work-" class="anchor" href="#how-does-it-work-">How Does It Work?</a></h3><p>FastBoot works by running your Ember application in Node.js. When a user visits your site, the initial HTML is rendered and served to the user. The very first thing they see is your content.</p> <p>Only after the content has loaded do they start downloading JavaScript. Once finished, your app takes over. You get the same snappy performance you're used to from Ember apps.</p> <p>And yes, this means the content in your Ember application is accessible to everyone, even if they have JavaScript turned off. It's even accessible to cURL—try it yourself:</p> <pre class="hljs"><code class="lang-sh"><span class="hljs-attribute">curl</span> <span class="hljs-string">'http://localhost:4200/'</span> -H <span class="hljs-string">'Accept: text/html'</span> </code></pre> <p>For more information, see <a href="/docs/user-guide">the User Guide</a></p> <h3><a id="running-fastboot" class="anchor" href="#running-fastboot">Running FastBoot</a></h3><p>To start the FastBoot server during development:</p> <pre class="hljs"><code class="lang-sh"><span class="hljs-attribute">ember serve</span> </code></pre> <p>For more information, see the <a href="/quickstart">Quickstart</a>.</p> <h3><a id="get-help-amp-contribute" class="anchor" href="#get-help-amp-contribute">Get Help & Contribute</a></h3><p>The FastBoot source code is <a href="https://github.com/tildeio/ember-cli-fastboot">available on GitHub</a>. If you run into an error, please <a href="https://github.com/emberjs/ember.js/issues">file an issue</a></p> <p>The best way to get help is via the <a href="https://ember-community-slackin.herokuapp.com/">Ember Community Slack</a>. Once you've signed up, join the <a href="https://embercommunity.slack.com/archives/-fastboot">#-fastboot</a> channel.</p> <h3><a id="the-road-to-fastboot-1-0" class="anchor" href="#the-road-to-fastboot-1-0">The Road to FastBoot 1.0</a></h3><p>FastBoot is currently pre-1.0 software and under active development. You can track progress to FastBoot 1.0 by visiting the <a href="https://github.com/ember-fastboot/ember-cli-fastboot/issues/396">Road to 1.0</a> GitHub issue.</p> <p>If you wish to contribute and help in shipping FastBoot 1.0, please help us in with fixing addons listed in this <a href="https://github.com/ember-fastboot/ember-cli-fastboot/issues/387">issue</a>.</p> </section> </div> </div></div> </div> <script src="/assets/vendor.js"></script> <script src="/assets/fastboot-website.js"></script> <script src="https://use.typekit.net/vij7lxp.js"></script> <script>try{Typekit.load({ async: true });}catch(e){}</script> </body> </html>
cc: @tomdale @stefanpenner @tsubomii
cc: @tomdale @stefanpenner @tsubomii