-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
9 lines (9 loc) · 10.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
<!DOCTYPE html><html class=no-js><head><meta charset=utf-8><title>Sofa.io - Building e-commerce web apps has never been easier.</title><meta name=description content="sofa is the Web App SDK for the CouchCommerce platform.
Writing e-commerce web apps for popular shopping systems (e.g., Magento and Shopware) couldn't get any easier."><meta name=viewport content="width=device-width"><link href="http://fonts.googleapis.com/css?family=Bitter:400,700,400italic" rel=stylesheet type=text/css><link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic" rel=stylesheet type=text/css><link href=//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css rel=stylesheet><link rel="shortcut icon" href=/5713cc8b.favicon.ico><!-- Place favicon.ico and apple-touch-icon.png in the root directory --><link rel=stylesheet href=styles/95ece006.main.css><body><!--[if lt IE 10]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--><div class=header><div class=container-fluid><!-- <img width="40" src="/images/bff2a06e.sofa-og-logo.png"> --><ul class="nav nav-pills pull-right"><!-- <li><a href="http://blog.couchcommerce.com/2014/08/25/webinar-get-started-with-sofa-the-e-commerce-web-app-sdk/" title="Webinar: Get started with Sofa, the e-commerce web app SDK!" target=_new><i class="fa fa-comments-o"></i> Webinar</a></li> --><li><a href=http://sofa.io/docs title="Sofa API Documentation"><i class="fa fa-code"></i> API Reference</a></li><li><a href=http://github.com/sofa title="Sofa on GitHub"><i class="fa fa-github"></i> View on GitHub</a></li><li><a href=http://sofa.io/blog title="Sofa Blog"><i class="fa fa-edit"></i> Blog</a></li></ul></div></div><div class=logo-container><div class=container-fluid><img class=logo alt="Sofa Logo" width=600 src=images/e08b72f7.sofa-logo-negativ.png><div class=container><h2 class=tagline>Building e-commerce web apps has never been easier.</h2></div></div><div class=container-fluid><div class="row action-btns"><!-- <div class="col-xs-6"><a href="http://sofa.io/docs" title="Sofa API Documentation" class="btn btn-lg btn-primary"><i class="fa fa-code"></i> API Reference</a></div> --><!-- <div class="col-xs-6"><a href="http://github.com/sofa" title="Sofa on GitHub" class="btn btn-lg btn-primary"><i class="fa fa-github"></i> View on GitHub</a></div> --></div></div></div><div class=main><div class=intro-container><div class=container-fluid><div class="container section section-marketing"><h2 class=intro-title>All things developers love.</h2><p class=intro-text>Sofa is an SDK that makes building e-commerce web apps for the CouchCommerce platform a <span id=breeze>breeze</span>.</p><div class=row><div class=col-md-4><h3>Feature-rich</h3><p>The sofa SDK comes with tons of great features that make it super easy to build full-fledged e-commerce web apps. We built services for common tasks, you just use them.</p></div><div class="col-md-4 marketing"><h3>Modular</h3><p>Sofa is built entirely with modularity in mind. All components are packaged separately and are installable via several package managers. Take just what you need, nothing more.</p></div><div class="col-md-4 marketing"><h3>Framework agnostic</h3><p>No framework required. Sofa components are all VanillaJS. However, we provide you with optional AngularJS components and bindings. Choose what works best for you.</p></div></div><p class=open-source-button><a href="http://couchdemoshop.couchcommerce.com/" class="btn btn-lg btn-primary">Preview the sofa web app</a></p></div></div></div><div class="container-fluid features-container"><div class="container section"><h2 class=section-title>Features</h2><div class=row><div class=col-md-6><h3><i class="fa fa-search"></i> Beautiful Search</h3><p>Sofa comes with a super easy to use search service that lets you search through your product catalog. Don't want to send a search request on every key stroke? No problem. Sofa's search service comes with throttling support.</p></div><div class=col-md-6><h3><i class="fa fa-check"></i> Easy Checkout</h3><p>Want to build a checkout that is able to provide more than just one payment option? Sofa's checkout services come with well designed APIs that help you building checkout that support all common payment options.</p></div></div><div class=row><div class=col-md-6><h3><i class="fa fa-code"></i> Promise-based API</h3><p>All components' asynchronous APIs are promise-based, which lets you manage flow control in your applications. No more callback hell.</p></div><div class=col-md-6><h3><i class="fa fa-shopping-cart"></i> Basket Handling</h3><p>Every e-commerce app needs a basket so customers can put their products into it. With sofa's basket service you don't have to care about implementing all the logic that is required to make that happen.</p></div></div><div class=row><div class=col-md-6><h3><i class="fa fa-cubes"></i> Packaged Components</h3><p>Sofa components are sliced into separate packages which are installable via npm and Bower. That leads to better modularity and you can decide by yourself which components you take and which you don't.</p></div><div class=col-md-6><h3><i class="fa fa-folder-open"></i> Catalog Service</h3><p>Accessing categories or products from your catalog is as easy as calling a single method on one of sofa's services. With catalog service, you get all this in a readable promise-based API.</p></div></div></div></div><div class="getting-started-container section"><div class=fluid-container><div class=container><h2 class=section-title>Getting started with our sample app</h2><div class=row><div class="step step-1"><h3>Get the source</h3><p>Make sure you have <a href=http://git-scm.com>Git</a>, <a href=http://nodejs.org>NodeJS</a> and <a href=http://gruntjs.com>Grunt</a> installed on your local machine. Our entire code base is hosted as a Git repository on GitHub. By running this command, you clone the repository, install all its required dependencies and create a local build that runs on your local machine.</p><pre><code>$ git clone http://github.com/sofa/app && cd app && ./run</code></pre><p>Or click the following button to download the app (you still have to run the provided <code>run</code> script):</p><p><a href="http://getapp.sofa.io?ref=sofa.io" title="Download sofa sample app" class="btn btn-lg btn-primary"><i class="fa fa-download"></i> Download</a></p></div><!-- <div class="col-md-6"> --><!-- <img src="images/8e46144d.developer_code_blank.jpg" alt="get the source"> --><!-- </div> --></div><div class=row><div class="step step-2"><h3>Play with it</h3><p>Congratulations! You now have a running clone of our web application installed. Open your browser of choice and visit <code>http://localhost:9000</code>. The web app comes with a server that mocks data, feel free to click around and have some fun!</p><img alt="Play with it" src=images/4c2da3c1.developer_step2.jpg></div><!-- <div class="col-md-6"> --><!-- <img src="images/ebb5ebfb.developer_view.jpg" alt="Play with it!"> --><!-- </div> --></div><div class=row><div class="step step-3"><h3>Discover</h3><p>Now it's time to find out how things actually work. Take a look under the hood, browse the source, tweak it until you like it and use our sofa components to make your customized e-commerce web application out of it!</p><img alt=Discover src=images/9a1107fa.developer_step3.jpg></div><!-- <div class="col-md-6"> --><!-- <img src="images/9a1107fa.developer_step3.jpg" alt="Play with it!"> --><!-- </div> --></div></div></div></div><div class=container-fluid><div class="container section used-by text-center"><h3>Used and trusted by</h3><hr><div class=row><a href=http://www.couchcommerce.com/runtastic-detail><img src=images/f42c3eeb.runtastic_logo_gray.jpg></a> <a href=http://www.couchcommerce.com/samova-detail><img src=images/a0e0270b.samova_logo_gray.jpg></a> <a href=http://www.couchcommerce.com/reno-detail><img src=images/710c26c0.reno_logo_gray.jpg></a></div></div></div><div class="container-fluid open-source-container"><div class="container section"><h2 class=open-source-text>Sofa is open source. It's hosted, developed, and maintained on GitHub.</h2><p class=open-source-button><a href=http://github.com/sofa class="btn btn-lg btn-primary"><i class="fa fa-github"></i> View on GitHub</a></p></div></div><!-- <div class="container section"> --><!-- <h2 class="section-title">Getting Started with our sample app</h2> --><!-- <h3>Start in three easy steps:</h3> --><!-- </div> --></div><div class=footer><div class=container-fluid><div class=container><form action="//couchcommerce.us5.list-manage.com/subscribe/post?u=02aba441fd2a29ce779d08303&id=11d4ef38e7" method=post id=mc-embedded-subscribe-form name=mc-embedded-subscribe-form class="newsletter-form validate" target=_blank novalidate><input placeholder="Enter your email for updates" type=email name=EMAIL class="required email" id=mce-EMAIL><!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--><div style="position: absolute; left: -5000px"><input name=b_02aba441fd2a29ce779d08303_11d4ef38e7 tabindex=-1></div><input type=submit value=Subscribe name=subscribe id=mc-embedded-subscribe class="btn btn-lg bn-primary"></form><p>Built on a couch with <3 for the web by the <a href=http://couchcommerce.com>CouchCommerce</a> team.</p><p class=socialize><a href=http://github.com/sofa title="Sofa on GitHub"><i class="fa fa-github"></i></a> <a href=http://twitter.com/sofa_io title="Sofa on Twitter"><i class="fa fa-twitter"></i></a> <a href=http://facebook.com/sofaSDK title="Sofa on Facebook"><i class="fa fa-facebook"></i></a> <a href=https://plus.google.com/101354205051721752253/posts title="Sofa on G+"><i class="fa fa-google-plus"></i></a></p></div></div></div><script src=scripts/4776dee8.vendor.js></script><!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --><script>(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-53634850-1');ga('send','pageview');</script><script src=scripts/6b5da0e8.plugins.js></script><script src=scripts/22c85ccd.main.js></script>