Uploaded November 2022 | Updated September 2026, 1 hour ago

---

June 27, 2024: This video uses Amplify Gen 1, if you're starting a new Amplify app I recommend trying out Gen 2 - dev.to/aws/introducing-a-new-fullstack-typescript-dx-for-aws-1ap9!

In this tutorial, we'll build a multi-page recipe app with data storage, authentication, and Figma to UI code generation using Next.js and AWS Amplify Studio. We'll also make the site responsive and display nested data with component slots.

Note: I work on the team building AWS Amplify if you have any feedback about the product, please leave a comment below and I'll forward along to the rest of the team!

👩🏼‍💻 Links Mentioned 👩🏼‍💻

Blog Post Version of this tutorial - https://aspittel.hashnode.dev/build-a-full-stack-application-with-aws-amplify-studio
Next.js Tutorial - welearncode.com/beginners-guide-nextjs
More Amplify Tutorials - https://amplify.aws/learn
Amplify Docs - https://docs.amplify.aws/

🌸 My Links 🌸

Blog - https://welearncode.com​​​
Twitter - twitter.com/aspittel​​​​
Twitch - twitch.tv/aspittel​​​​
Portfolio - http://alispit.tel​​​