SHARE
Facebook X Pinterest WhatsApp

The Single Page Interface (SPI) and Your 300 Page Website

Jun 1, 2010

If you never heard of SPI, it refers to the Single Page Interface paradigm. This means that your 300 page website can be developed using the SPI so that it is a single page, no reloading, with no loss of typical website features such as SEO, bookmarks, etc.


ItsNat, an open source, Java AJAX component-based web framework, is designed for the creation of SPI websites. The Single Page Interface Manifesto was published to show developers how SPI can become real in websites. As an example, the company’s website was changed to SPI using the same look and feel, SEO, bookmarking and visit counters.


There have already been tutorials published that show how you create an SPI website using ItsNat. The tutorial includes a demo which showcases some of the SPI features, such as a simulated Back and Forward button which works. Time to move on to a large, real world site. The author cloned a large Spanish retailer using techniques similar to those in the tutorial listed above and created his own demo. It works in browsers that have disabled JavaScript, it’s SEO friendly, the navigation works without reloading, back/forward works with no reloading, the layout is the same as the original–in short this demo is very impressive!

Recommended for you...

Web 3.0 and the Future Of Web Development
Rob Gravelle
Jun 23, 2022
CodeGuru and VBForums Developer Forums and Community
James Payne
Apr 7, 2022
Understanding CSS Template Layout
Vipul Patel
Mar 29, 2022
Criminals Pay More for Code Signing Certificates Than for Guns or Passports
HTML Goodies Logo

The original home of HTML tutorials. HTMLGoodies is a website dedicated to publishing tutorials that cover every aspect of being a web developer. We cover programming and web development tutorials on languages and technologies such as HTML, JavaScript, and CSS. In addition, our articles cover web frameworks like Angular and React.JS, as well as popular Content Management Systems (CMS) that include WordPress, Drupal, and Joomla. Website development platforms like Shopify, Squarespace, and Wix are also featured. Topics related to solid web design and Internet Marketing also find a home on HTMLGoodies, as we discuss UX/UI Design, Search Engine Optimization (SEO), and web dev best practices.

Property of TechnologyAdvice. © 2025 TechnologyAdvice. All Rights Reserved

Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.