Software Development

Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator



Learn to use Next.js, TypeScript, and AWS Amplify to construct a full stack inspirational quote generator app. You will study to make use of the ZenQuotes’ API for fetching quotes and then you definitely’ll deep into state administration, hooks, debugging, NoSQL database modeling, and way more.

Thank you for reading this post, don't forget to subscribe!

✏️ Course created by @BrianHHough

💻 Code:

Stay Website:

⭐️ Contents ⭐️
⌨️ (0:00:00) 📱 Intro + Demo of App
⌨️ (0:07:17) 📂 Arrange your GitHub Repository
⌨️ (0:10:53) 💻 Create a brand new Next.js + Styled Elements mission
⌨️ (0:26:37) 🅰️ Add Google Fonts to the App
⌨️ (0:30:22) 🎑 Create a Dynamic Background
⌨️ (0:53:02) 📑 Create a Footer for our Database Knowledge
⌨️ (1:04:16) 🚪 Create a Pop-Up with Materials-UI Modal + Hype4Academy Glassomorphism
⌨️ (1:23:26) 🖼️ Write a Node.js Script to Generate Photographs in CodeSandbox
⌨️ (1:36:23) 📡 Use Node.js’ fetch Perform to Name ZenQuotes’ API to Generate Photographs
⌨️ (2:04:33) ⚙️ Use the AWS Amplify CLI to Initialize the Mission
⌨️ (2:12:01) 🔄 Configure the App to Talk with AWS Amplify
⌨️ (2:16:31) 🌐 Create a GraphQL API with AWS AppSync
⌨️ (2:26:12) 🔒 Add Authentication with Amazon Cognito and IAM
⌨️ (2:30:08) 🌩️ Add an AWS Lambda perform to the AWS providers stack
⌨️ (2:32:08) ☁️ Deploy our preliminary AWS CloudFormation stack to the cloud
⌨️ (2:38:00) 🛡️ Add Auth Directives to the GraphQL API
⌨️ (2:41:09) 📝 Write NoSQL Knowledge to Amazon DynamoDB
⌨️ (2:44:34) ⏰ Write a Node.js Script to Generate AWSDateTime in CodeSandbox
⌨️ (2:51:45) 🔎 Question Amazon DynamoDB Knowledge with AWS AppSync
⌨️ (3:11:48) 💬 Create the Quote Generator Pop-Up Modal with useState Hooks
⌨️ (3:35:15) ⏳ Create Loading States for when the API calls AWS Lambda
⌨️ (4:02:26) 🌠 Create a Button with a Lottie Picture
⌨️ (4:11:21) 📥 Write a Perform to Obtain Photographs to your System
⌨️ (4:15:22) 🔁 Write a useEffect Hook with Buffer to Decode Base64 Picture Strings
⌨️ (4:21:18) 🧪 Take a look at a Mock API Response with a Base64 Encoded String
⌨️ (4:33:49) 🔄 Deploy the Node.js Script to AWS Lambda with Entry to Amazon DynamoDB
⌨️ (5:05:45) 🧪 Take a look at the AWS Lambda Perform & Debug with Amazon CloudWatch Logs
⌨️ (5:08:13) 🛠️ Modify Set up Script for Sharp to Work Within AWS Lambda
⌨️ (5:20:05) 📜 Write a Perform to Retrieve Quotes through AWS Lambda, AWS AppSync, and IAM
⌨️ (5:39:18) 🖥️ Add App Internet hosting with a CI/CD Pipeline utilizing AWS Amplify & GitHub
⌨️ (5:52:47) 🐞 Debug the CI/CD Pipeline by Modifying the AWS Amplify Construct Settings
⌨️ (6:02:47) 🚀 Rejoice the Remaining Construct!
⌨️ (6:04:44) 🎉 Mission Wrap Up

🎉 Because of our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan

Study to code at no cost and get a developer job:

Learn a whole bunch of articles on programming:

source

Comments are closed.