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

Тэги:

#Next.js_tutorial #Next.js_fullstack_tutorial #AWS_Amplify_Gen2 #AWS_Amplify_Gen2_tutorial #Aws_Amplify_Gen_2 #Aws_Amplify_2023_tutorial #Amplify_tutorial_2024 #AWS_AppSync_tutorial #AWS_Auth_tutorial #Program_With_Eric #Program_With_Erik #Erik_Hanchett

Скачать видео