AWS Amplify, Next.JS, Typescript Tutorial - Full Stack Application with GraphQL API & Authentication

preview_player
Показать описание
Learn how to set up a project using Next.JS, AWS Amplify and Typescript. We'll create a simple to-do list application taking advantage of Next JS's serverside rendering, static site generation and dynamic routes.

Resources I mentioned in this video:

Other helpful links:

Find me:

Timestamps:
0:00 - Introduction
0:48 - What we're building
1:29 - Creating the Next.JS App
2:05 - TypeScript
3:04 - AWS Amplify CLI
5:30 - Front End

What we create in this video:
- A Structured, schema-based database hosted on AWS DynamoDB
- A GraphQL API hosted on AWS AppSync
- A basic authentication system using AWS Cognito
- A basic Todo creator to demonstrate the front-end
  1. Jarrod Watts
  2. aws amplify
  3. typescript
  4. nextjs
  5. nextjs tutorial
  6. next js
Рекомендации по теме
AWS Amplify, Next.JS, 0:10:45

AWS Amplify, Next.JS, Typescript Tutorial - Full Stack Application with GraphQL API & Authentica...

Why I love 0:07:52

Why I love AWS Amplify - Deploy Next.js (T3 Stack) in 5 minutes

Build a Fullstack 0:06:16

Build a Fullstack TypeScript app with AWS Amplify | Amazon Web Services

Build fullstack Next.js 0:19:03

Build fullstack Next.js and TypeScript apps with AWS Amplify’s new DX | Amazon Web Services

Deploying Next.js To 0:12:44

Deploying Next.js To AWS Just Got MUCH BETTER!

AWS Amplify + 6:05:13

AWS Amplify + Next JS Tutorial ⭐ (SSR, Authentication, GraphQL, Storage... and MORE!)

Full-Stack Next.js, TypeScript, 6:06:01

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

INVSTOCK - Next.js, 0:05:28

INVSTOCK - Next.js, TypeScript, Tailwind, Postgres, and AWS EC2, RDS, S3, Amplify

Deploying a Next 0:01:54

Deploying a Next app with the AWS Amplify CLI

Getting started with 0:39:36

Getting started with Next JS and Server Side Rendering in the cloud with AWS Amplify

Part 1: Amplify 1:43:18

Part 1: Amplify Next.js + CDK TypeScript [2024] Dynamo Table, S3, Cognito

Build a Nextjs 9:43:31

Build a Nextjs Project Management App & Deploy on AWS | Cognito, EC2, Node, RDS, Postgres, Tailw...

Next.js with AWS 0:23:09

Next.js with AWS Amplify Admin UI Crash Course

Code your portfolio 0:05:08

Code your portfolio website now - I used React, NextJs, AWS, TypeScript

Build Nextjs Inventory 7:04:57

Build Nextjs Inventory Management Dashboard & Deploy on AWS | Postgres, Node, Tailwind, EC2, RDS...

Fullstack TypeScript for 0:01:12

Fullstack TypeScript for your Data - AWS Amplify | Amazon Web Services

I finally moved 0:14:07

I finally moved my SaaS off Amplify to SST, but it wasn't that easy

SST in 100 0:02:25

SST in 100 seconds

I think I 0:30:39

I think I was wrong about AWS Amplify

Why People Aren't 0:05:55

Why People Aren't Deploying to Vercel Anymore

🔴 Build a 5:49:18

🔴 Build a Inspirational Quote Generator (AWS, NextJS, TypeScript, NodeJS) - 6 HOUR CLOUD PROJECT!

Deploy Next.js (Miro) 0:10:15

Deploy Next.js (Miro) App on AWS Amplify w/ Env Variables in 10 min!!!

Build a Chat 0:10:06

Build a Chat App in 9 minutes with AWS Amplify and Next JS

AWS Amplify Fullstack 0:35:59

AWS Amplify Fullstack Project Setup (React, Node, Lambda, REST API)

Комментарии
Автор

This is exactly what I've been looking for, thanks so much my dude! Cheers!

deathdefier
Автор

Hey I subscribed...need more amazing content. Probably more around next js, typescript and graphql

prakharmathur
Автор

5:26: API key is there but getting error as unauthorized, any idea why it is happening ?

satyak
Автор

Hi, how do you solve the cold start latency issue?

IAMTHEMUSK
Автор

Bro u r a madman! I could barely follow your tutorial ahaha
Nice tutorial nonetheless! Thanks 🤩

mirkosedda
Автор

Dude I just stumbled on this and sub'd! Next and Amplify are definitely the stack i am currently rolling with. Please do more. How about not having public users login and private routes for admins? That would be great!

khandoor
Автор

project sample with these tech stack would be great

mehmettemell
Автор

I did not see how you added .\graphql\mutations.js file to your project. It looks like you edited that step out. I follow your steps I do not get that file and others.

NZTechArc
Автор

Great video! By the way, is that your voice? :-D

catalinmpit
Автор

brother I request u to make a video, for example, U build a full-stack web app. Now u want to move into mobile apps. for that use react native or flutter for hybrid mode but for the backend how can i connect web app's backend with the mobile app?? plz make a video about that soon!

showbikshowmma
Автор

Good... but way too fast. I'd like more explanation of everything.

mrluckyuncle