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

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

11.407 Lượt nghe
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! https://www.youtube.com/watch?v=3v3Mhql630g Links: https://github.com/ErikCH/CodeFirstTypeSafety 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