Fullstack Next.js on AWS

on YouTube ↗21m

" summary

Builds a Next.js app using AWS Amplify with concrete steps: use the Admin UI to model Blog and Post, seed five rows, and deploy so offline DataStore syncs to the cloud via AppSync and DynamoDB. Adds Cognito auth with an AuthModeStrategyType.MULTI_AUTH setup, creates an admin group with full CRUD, public read and owner-based edits, wires Amplify into Next.js with withSSRContext to query on the server, and shows created blogs and posts and working sign‑in/sign‑out.

AI-written summary · about

" chapters (8)

1. 0:00Fullstack Next.js on AWS
2. 1:24Data Create a database
3. 5:23Step 3. Add Backend Authentication
4. 7:32Create your Frontend Nox create-next-app
5. 10:18Frontend Auth
6. 12:41Get the Current User
7. 14:51Render the Blogs
8. 17:02Create a new post

" related talks

• 56mFull Stack Cloud with Node.js, Tailwind and AWSNader Dabit · JSWorld Conference 2021
• 29mBuild full-stack web and mobile apps with AWS Amplify and AWS AppSyncStephen Johnson · AWS AMER Summit May 2021
• 05mAWS Community Spotlight: AWS AmplifyJones Zachariah Noel N · AWS Developer Innovation Day 2023
• 21mCreate an Application Backend in Clicks with the Amplify Admin UIAli Spitel · JSWorld Conference 2021
• 57mRapid Full-Stack Web Application DevelopmentKyryll Vynohradov · JS Fest 2019 Spring
• 23mAWS On Air ft. AWS Amplify StudioRené Brandel, Kunal Batra · AWS re:Invent 2021
• 20mEasy mode for full-stack development with Figma & AWS AmplifyArundeep Nagaraj · Conf42 JavaScript 2023
• 41mFull-Stack Web and Mobile Development with Cloud BackendsFabiana Serangelli, Memo Del Rio · AWS Summit Mexico City 2022