Build a Chat App in 9 minutes with AWS Amplify and Next JS
Learn how to create a real-time chat app using AWS Amplify subscriptions and Next JS. Setup AWS Amplify with Authentication and GraphQL API to subscribe to live updates and create a messaging app in 9 minutes.
Source Code:
https://github.com/jarrodwatts/amplify-live-chat
We'll Set Up The following:
- AWS Amplify's User Authentication to Sign Up & Log In Users.
- Authenticated requests & Server-side rendering using Next.JS.
- Live Updates using AWS Amplify's Subscriptions. 🤯
Timestamps:
0:00 - What We're Making
0:40 - Creating The Project
1:56 - AWS Amplify Setup
3:15 - Backend Creation
4:58 - Frontend Authentication
6:00 - Serverside GraphQL
6:40 - Frontend Design
7:25 - Creating New Messages
7:54 - Displaying Messages
8:39 - AWS Amplify Subscriptions
9:08 - Amplify GraphQL Query
9:40 - Conclusion - Subscribe!
If you'd prefer, check out the text version of this article too:
https://blog.jarrodwatts.com/aws-amplify-live-chat
Find me at:
https://twitter.com/JarrodWattsDev
https://jarrodwatts.com
https://github.com/jarrodwatts
https://blog.jarrodwatts.com
https://www.buymeacoffee.com/jarrodwatts
Видео Build a Chat App in 9 minutes with AWS Amplify and Next JS канала Jarrod Watts
Source Code:
https://github.com/jarrodwatts/amplify-live-chat
We'll Set Up The following:
- AWS Amplify's User Authentication to Sign Up & Log In Users.
- Authenticated requests & Server-side rendering using Next.JS.
- Live Updates using AWS Amplify's Subscriptions. 🤯
Timestamps:
0:00 - What We're Making
0:40 - Creating The Project
1:56 - AWS Amplify Setup
3:15 - Backend Creation
4:58 - Frontend Authentication
6:00 - Serverside GraphQL
6:40 - Frontend Design
7:25 - Creating New Messages
7:54 - Displaying Messages
8:39 - AWS Amplify Subscriptions
9:08 - Amplify GraphQL Query
9:40 - Conclusion - Subscribe!
If you'd prefer, check out the text version of this article too:
https://blog.jarrodwatts.com/aws-amplify-live-chat
Find me at:
https://twitter.com/JarrodWattsDev
https://jarrodwatts.com
https://github.com/jarrodwatts
https://blog.jarrodwatts.com
https://www.buymeacoffee.com/jarrodwatts
Видео Build a Chat App in 9 minutes with AWS Amplify and Next JS канала Jarrod Watts
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
What is AWS Amplify? Pros and Cons?Next.js For React Developers | Everything You Need To KnowCreate and Host a Wordpress Website on AWS EC2 with your own domain name!🔴 Realtime Chat App with React, Node.js, Socket.io and MongoDBTop 50+ AWS Services Explained in 10 MinutesWeb Development Full Course - 22 Hour Course | Learn Full Stack Web Development From ScratchUltimate Tailwind CSS Tutorial // Build a Discord-inspired Animated NavbarAWS Amplify + Next JS Tutorial ⭐ (SSR, Authentication, GraphQL, Storage... and MORE!)Building a Real-time messaging app with Flutter and AWS Amplify Part 1NextJS Chat App - Build & Deploy in 27 Minutes! (Best UI 🤩)Figma to React to the Cloud: Build a Fullstack App with AWS Amplify StudioDeploying and Consuming Serverless Functions with AWS Amplify - AWS Online Tech TalksCreate a Fullstack Next.js App on AWS | Amplify Storage, Auth, Hosting, and DataFirebase vs AWS AmplifyGetting started with Prisma, Next.js & Postgres | FullStack ApplicationUsing Docker with your Next.JS application | Introduction to DockerfileFull Stack React Chat App Tutorial (Firebase v9 + ChakraUI + NextJS)Continuous Deployment using GitHub Actions | Auto Deploy MERN Stack | AWS EC2 | CICD PipelineCost Estimation on AWS for Online Book Store - Practical GuideAWS API Gateway Websocket Tutorial With Lambda | COMPLETELY SERVERLESS!