Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Create a multilingual app with Scully and Storyblok
Introduction
Welcome (5:17)
Introduction to Scully
Create an Angular application (4:42)
Add TailwindCSS to Angular (6:08)
Adding a Service (5:01)
Displaying a list of entities (4:20)
Displaying a single entity (6:59)
Displaying images (8:37)
Angular change detection (1:14)
Adding Scully to the project (11:08)
Pre-rendering static HTML pages with Scully (9:47)
Angular Internationalisation
Enable internationalisation (17:16)
Storyblok
Introduction to Storyblok (11:56)
Live content preview in Storyblok (10:45)
Putting it all together
Creating the application shell (14:14)
Extending the application shell (5:00)
Adding Storyblok as a Service to Angular (3:52)
Translatable fields in Storyblok (6:44)
Listing content from Storyblok (7:00)
Displaying a single piece of content from Storyblok (6:16)
Retrieving multilingual content from Storyblok (6:17)
Adding images (7:47)
Adding Scully to the project (4:30)
Configuring Scully (11:42)
Running the Scully build script (5:03)
Deployment
Deploying to AWS Amplify (4:49)
Enabling location based redirects in Amplify (13:05)
Enable live content update (7:45)
Automatic redeploy on publish/unpublish (5:24)
Building for production (5:12)
Final wrap-up and debugging (16:42)
Code
GitHub
Retrieving multilingual content from Storyblok
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock