How We've Built Our CloudWatch Book Video Platform πŸŽ₯


​

Hey Reader πŸ‘‹πŸ½

In this post, we want to guide you through our complete setup for our custom video platform.

This starts from the purchase to actually accessing our custom build video-access platform.

We'll explain why we decided against a third-party solution for our video section and built something on our own with SST, Next.js, Lambda, and Vimeo.

Preface

We launched our first educational book about AWS, AWS Fundamentals πŸ“™, at the start of 2023. While it includes many visuals, it neither comes with deployable code nor hands-on video tutorials.

For our second book, The CloudWatch Book πŸ“•, we aimed higher. The book comes with hands-on application that can be deployed on AWS. Along this, there are videos where we explore CloudWatch features πŸŽ₯.

For delivering videos, we looked for the most convenient way for us and the users.

Why Custom & Serverless?

We opted for a custom solution to avoid restrictions and maintain full control, integrating seamlessly with πŸ“¨ ConvertKit and LemonSqueezy. A Serverless approach was ideal for us - we know the services very well and Lambda comes with basically zero operations and low-to-zero costs (in our case).

Overview of Technologies

We utilized a modern tech stack:

  • SST: A framework for building serverless applications on AWS, simplifying deployments and management immensely. Deploying a Lambda function with an API Gateway? Not more than a few lines of code. SST will take care of the heavy lifting.
  • Next.js: A React framework for fast, user-friendly web applications, natively supported by SST. Also enables you to run code on the server side. This means you can access AWS resources without creating APIs. Next.js will take care of this and SST will deploy the server-side code to Lambda@Edge functions.

Architecture Overview

Our architecture includes:

  1. Customer Purchase Flow: Users buy the package on cloudwatchbook.com. A successful payment triggers a webhook-based Lambda function to generate a personalized access token stored in DynamoDB and ConvertKit.
  2. Personalized Video Access Link Notification: The token links to the user’s purchase, allowing unique access to video content. An automated email is sent with the access link.
  3. Video Platform Access and Content Delivery: Users access the platform with a validated token, loading embedded Vimeo links.

We’ve managed to keep AWS costs close to zero, only paying for Vimeo. πŸ™ƒ

Building the Platform

Let's dive into these three main components that made up everything from purchasing the book to accessing our videos.

Customer Purchase Flow

After the payment completes in LemonSqueezy, we'll receive an order_created webhook to our Lambda function.

​

This function will take care of storing the necessary information both on ConvertKit side, as well as in our own DynamoDB table.

We'll generate an access token which can be later used to access the video section.

Personalized Video Access Link Notification

We send an email with the personalized link using ConvertKit’s Visual Automation based on custom fields and a uniquely assigned tag in the previous step.

The subscriber will automatically join the flow and receive the email with the link that contains the personalized access token.

Video Platform Access and Content Delivery

Users access the platform with their link and we'll validate their token via a Lambda function and the data in our DynamoDB table, which will finally retrieve the video links from Vimeo.

What we'll also do: we track views and follow up with users who haven’t accessed content within 30 days. This way, we can get feedback if there's an issue with the platform or if the content is not as expected.

Where to Go from Here

We’re thrilled with our custom platform, which allows for future enhancements like:

  • Motivational animations for video completions.
  • Custom β€œcompletion badges” for users.
  • Feedback forms for user issues.

... and much more.

Conclusion

That's already it! πŸŽ‰

We shared how we built a serverless video platform for our CloudWatch Book using SST, Next.js, ConvertKit, LemonSqueezy, and Vimeo. This custom solution provides control, flexibility, and cost-effectiveness.

We encourage you to explore building your own serverless platform.

Even though we still reside in a "buy before build" mindset, many custom setups do make sense to connect the dots between multiple platforms!

P.S.: We're on the AWS Community Days in Romania! πŸ‡·πŸ‡΄
Sandro will be on stage to give a talk about Hashnode's journey with GraphQL πŸ—£οΈ
If you're also there in person, please come and talk to us! πŸ’›

​

​

​Tobias Schmidt & Sandro Volpicella from AWS Fundamentals​
​
Cloud Engineers β€’ Fullstack Developers β€’ Educators

You're receiving this email because you're part of our awesome community!

If you'd prefer not to receive updates, you can easily unsubscribe anytime by clicking here: Unsubscribe

​

Our address: Dr.-Otto-Bâßner-Weg 7a, Ottobrunn, Bavaria 85521

AWS for the Real World

Join our community of over 8,800 readers delving into AWS. We highlight real-world best practices through easy-to-understand visualizations and one-pagers. Expect a fresh newsletter edition every two weeks.

Read more from AWS for the Real World

βŒ› Reading time: 14 minutes πŸŽ“ Main Learning: Feature Flags with AWS AppConfig πŸ‘Ύ GitHub Repository ✍️ Read the Full Post Online πŸ”— Hey Reader πŸ‘‹πŸ½ There's no other field where it's so common to have "a small side-project" like in the software industry. Even though it's possible to build things as quickly as ever before due to cloud providers, tools, platforms, and AI, many indie founders (and also large enterprises) tend to fall into the same trap: they tend to build features that users do not...

βŒ› Reading time: 17 minutes πŸŽ“ Main Learning: Observability at Scale with Open-Source πŸ‘Ύ GitHub Repository ✍️ Read the Full Post Online πŸ”— Hey Reader πŸ‘‹πŸ½ Welcome to this edition of the AWS Fundamentals newsletter! In this issue, we're focusing on observability with open-source tools on AWS. As most of you already know, we can use Amazon CloudWatch and X-Ray to monitor our application from every angle. But what if we want to hybrid setup where we run certain parts of our ecosystem outside of AWS?...

βŒ› Reading time: 9 minutes πŸŽ“ Main Learning: Polling or WebSockets: Choosing with Amazon API Gateway πŸ‘Ύ GitHub Repository ✍️ Read the Full Post Online πŸ”— Hey Reader πŸ‘‹πŸ½ What would you use for quick and regular data updates inside your web app? Or let's phrase it another way: how would you choose between Polling and WebSockets? πŸ’­ Understanding the nuances between these two communication methods is important, as they both come with their own advantages, gotchas, and side effects that are not very...