SEO-Friendly SPA Development for European Rugby Champion

Client

Biarritz Olympique is a French rugby club, a five-time national champion, and one of the most renowned teams in the region. AIS was entrusted to develop a web solution hosting their official website, ticketing solution, and merchandise e-shop under one roof. This solution should also have localization in French and English.

Challenge

To ensure app content indexing and its transparency for search engines that rely on web crawlers, we developed SPAs with server-side rendering (SSR) by using Angular Universal. SSR enhanced SEO-friendliness, as well as ensured fast response times even under high loads.

AIS Team
5Developers
1Project Manager
2Designers
Customer location: France
Project duration: 5 months

Solution

The custom client-server solution we delivered consists of 2 single-page apps on Angular and a Node.js server. Both SPAs are stand-alone apps with separate URLs: one for the website, the other for the admin panel to manage the content displayed on the website. The updated information is sent to the data repository on the backend and then displayed on the website SPA. For the website SPA, we created 20 custom page templates. Other solution highlights are:

  • API integration to display a football tournament table and a calendar of upcoming games.
  • Integration with official accounts on Twitter, Instagram, Facebook, and YouTube.

Industry
Sports
Framework
Angular
Services
Front-End DevelopmentBack-end development
Miscellaneous
Node.jsRxJSNgRxSQLTypeScriptMongooseMongo DB
“Angular allows you to quickly create a Single Page Application. Node.js is used for writing the server part and creating isomorphic web apps which run JS code both client-side and server-side. TypeScript supports type systems and some extras of strongly typed languages.”
AIS Novations Dev Team

Results

The admin panel allows editing the list of team members, pictures, news, French-English translations, SEO settings, and browsing through site visitors feedback. The AIS Novations team successfully met the tight deadlines and delivered a smoothly running solution, fully corresponding to the client’s initial vision.

Other projects