Next.js with AWS Amplify Gen 2 Ultimate Guide (With AppSync Events)

Some things go well together, like Next.js 15 and AWS Amplify. In this tutorial we'll look at how to setup a fullstack application using Next.js 15 and AWS Amplify Hosting, and use AppSync events, with Amplify Gen 2. Check it out!

Connect with other developers with Builder ID 👉 https://go.aws/3EmacQC

Resources:
🛠️ GitHub: https://go.aws/3Glgh09
📝 Documentation: https://go.aws/4lmEIui

Follow AWS Developers!
📺 Instagram: https://go.aws/3EovDAD
🆇 X: https://go.aws/4cx7Xq8
💼 LinkedIn: https://go.aws/42JWuAk
👾 Twitch: https://go.aws/4cHpoVm

Chapters:
0:00 Introduction
0:39 Demo
01:57 Tools used
02:58 How to get started with Amplify Gen 2
03:57 Amplify backend walkthrough (Cognito, AppSync)
05:45 AppSync Events code
06:41 Amazon Q quick look
06:54 Next.js 15 App router frontend tutorial
07:28 Server actions
08:11 Frontend chat with Next and React
08:45 Fronted AWS AppSync Events code
10:16 AWS Amplify Hosting console tutorial
11:17 Conclusion
#frontend #aws #codingtutorial