Create a multilingual app with Scully and Storyblok

Angular is part of the big players in the frontend framework market. However, up until recently it didn't have a static site generator, while most other frameworks had not only one, but multiple available for developers. In 2020, this has changed with the introduction of Scully, the first static site generator for Angular. Scully blends in with any Angular project and allows developers to pre-render static pages - this means that we can run an Angular application without JavaScript in the browser!

The first section of the courses will introduce you to a sample Angular application that will get pre-rendered by Scully. In the second part of the course, you'll be introduce to Angular's Internationalisation features and learn how to create a bilingual app.

Later on during the course, we'll add Storyblok into the mix. Storyblok offers a unique combination of visual editing tools and highly customisable content blocks for marketers on top of a modern headless architecture that gives developers the flexibility to build fast and reliable digital platforms. Furthermore, they also support internationalisation, and we'll leverage that.

In the last section of the course, we'll put all of these pieces together, to create a bilingual Angular app using internationalised content from a headless CMS, and learn how to pre-render such an application using Scully. Finally we'll learn how to deploy the solution to AWS Amplify as well as learn how to redirect users automatically to the appropriate language site.