Full Stack Cloud with Node.js, Tailwind and AWS
summary
Builds a working Next.js app wired to AWS via the Amplify CLI and Amplify JS libraries, creating a multi-user blogging platform with a markdown editor and image uploads; amplifies a GraphQL API backed by DynamoDB using the @model directive so create/read/update/delete and subscriptions are generated, runs graphql codegen, and configures auth with Cognito. Live demo shows posts persisted and sign-in preserved. Workshop material claims a 1–4 hour completion and uses Tailwind for styling.
AI-written summary · about
chapters (21)
- 0:00Start
- 6:03Initialization of the Project
- 6:52Prerequisites
- 8:45Install aws Amplify
- 9:48Install Our Tailwind Dependencies
- 11:28Tailwind Config
- 12:28Install the Aws Amplify Cli
- 13:41Configure Our Amplify Cli
- 14:57The Aws Management Console
- 18:48Initialize a New Amplify Project
- 25:28Graphql Schema
- 26:58Amplify Push
- 29:27Data Source
- 31:37Appsync Console
- 33:14Aws Appsync
- 35:36Configureamplify Js
- 41:55Tailwind
- 44:24Navigation
- 44:47Authentication
- 46:09Create a Profile View
- 51:42Link Component
related talks
21mFullstack Next.js on AWS
23mAWS On Air ft. AWS Amplify Studio
57mRapid Full-Stack Web Application Development
38mExplosive Velocity with a Modern Stack
29mBuild full-stack web and mobile apps with AWS Amplify and AWS AppSync
20mEasy mode for full-stack development with Figma & AWS Amplify
05mAWS Community Spotlight: AWS Amplify
24mLets go live