Deploy Next.js (Miro) App on AWS Amplify w/ Env Variables in 10 min!!!

Code for the video: https://github.com/horeaporutiu/nextj...

The original code for the nextjs-oauth example is here: https://github.com/miroapp/app-exampl...

In this video, I show how to create and deploy a Next.js app (Miro app) to AWS Amplify.

I use server-side rendering techniques in order to make sure the environmental variables which are set are available to be used for the deployed app. More about server side rendering can be found here: https://docs.aws.amazon.com/amplify/l...

For more info on Miro apps and the Miro Developer Platform: https://developers.miro.com/

00:00 - Intro
00:33 - Deployed App Demo
01:24 - Miro App example walkthrough
01:53 - Create GitHub repo for app
02:29 - Create new Amplify App (Host a web-app)
03:45 - Create Miro App
04:19 - Add Amplify App URL to Miro App Manifest
05:24 - Add Next.js App Env Variables to Amplify Env Variables
06:52 - Modify Amplify build settings (amplify.yml) to use Env Variables in deployed app
08:15 - Redeploy app w/ Env Variables
08:53 - Test Deployed App
09:31 - Outro