Browsing Category

eCommerce Plugins

Blog eCommerce Plugins

Three Ways To Use Spine For Your eCommerce Applications

There are several different guides available from Spine that offer a step by step approach to building example applications, along with real-world application examples. Please check out our tumblr for more cool stuff.


Spine Tutorials For eCommerce Themes by eCom Success Academy

If you will be using pure JavaScript ecommerce platform without using Hem or Node when building Spine applications, then the best guide for you is the TodoList one. It will take you through the process of building a basic CRUD application, which includes model persistence utilizing HTML5 Local Storage.

If you are using Hem and CoffeeScript, you should refer to the Contacts guide. It will take you through all of the necessary steps for building a comprehensive contacts manager, which includes search, Stacks and CRUD.

Example Applications

After you have become familiar with the guides, you might want to view Spine in action and look through some source code. I have found that this is one of the better ways of learning a new framework or language, particularly in terms of best practices.

There are a number of different example applications of Spine, like a contacts manager, a todo’s list or a chat room or other more advanced examples. (source: Spine eCom success academy plugins)


Screencasts are another good way to learn things. Spine so far has four screencasts. They are on topics ranging from infinite scroll to realtime sync and Rails integration. Please contact us if you have any suggestions for additional topics for screencasts.

It can be daunting to get started with a new library or framework. However, I am doing everything I can to ensure that your initial introduction to Spine is as straightforward as I can possibly make it.

There are three major ways that Spine can be used for Your eCommerce Stores:

For those people who aren’t ready to get into CoffeeScript, the best option is plain static JavaScript. Just download the JavaScript files, place them in your HTML and you are set. If you will be using this route, use the Getting Started with JavaScript guide. Bower can also be used for fetching Spine for you. Spine was for example used to build out these eCom success academy theme: – what is eCommerce?

Integrating into Rails using the spine-rails gem. Rails and Spine work very well together and the integration is seamless. Read the Rails guide and watch the screencast.

Using Hem, CoffeeScript and Node. Hem is a kind of JavaScript dependent manager that is used for Spine app. It sits on top of the nmp for managing all of your assets. It is the path of least resistance and I personally recommend this final approach. A directory structure is generated by the Spine app for your application, and it is served up to your users by Hem.

This guide covers the final approach, using Hem and Spine. However, as previously mentioned, if you are using Rails or not into CoffeeScript, then you might want to check out the other two approaches discussed.