How To Create A Full Stack Typesafe App With No Knowledge! Using AWS Gen2 and Next.js 14!

In this video we look at an end-to-end typesafety using AWS Amplify Gen2. We'll create a full stack application, using this new tech and see how we can share types between the frontend and backend

👉 Check out my last video on Next Hosting!
   • How To Host Your Next.js 14 SSR Websi...  




Links:
https://github.com/ErikCH/CodeFirstTy...
https://aws.amazon.com/free/

0:00 What we are building today!
03:01 Creating the Next.js adding dependencies
05:40 Setup AWS Amplify Sandbox
11:42 Setup Routes and Folders
13:40 Adding Auth client componet
16:40 Adding Authenticator client component
20:21 Adding the navigation component and testing auth
27:46 Running the runWithAmplifyServerContextRunner utils
34:10 Working with Gen 2 data schemas Post and Comment
42:34 Adding in a list posts with cookieBasedClient
49:55 Adding an add post component
52:19 Adding createPost server action
55:30 Adding a way to delete a post with Post client component
58:56 Setting up a dynamic route to show a post and comments
01:04:45 Show comments
01:10:25 Delete comments
01:14:19 Adding comments server action
01:17:55 Adding deleteComment server action
01:21:02 Setting up production with new Amplify Gen2 Hosting console