Easily upload and manage Amazon S3 files in a Next.js web app with AWS Amplify-AWS Online Tech Talks
Skills:
Backend Performance60%
AWS Amplify is a set of purpose-built tools and features that lets professional front-end web and mobile developers quickly build feature-rich, full-stack applications on AWS. By offering built-in best practices for common web development use cases like authentication and storage, Amplify reduces the overall steps and lines of code required for developers to build full-stack apps and bring ideas to market faster.
In this webinar, we’ll deep dive on how to build and deploy a NextJS web app with auth and storage features, then add the Amplify StorageManager UI component to easily upload and manage your files in Amazon S3.
00:58 - What is AWS Amplify?
05:00 - Build auth features
07:00 - Connect your app to a cloud storage back-end
08:02 - Amplify UI StorageManager component for React
09:18 - Create a Next.js app
11:09 - Setup Amplify
14:06 - Add storage
15:38 - Build a front-end
19:10 - Add StorageManager
23:43 - Setup a data model
43:52 - Helpful resources
Learning Objectives:
* Objective 1: Build and deploy a Next.js application with authentication and storage features
* Objective 2: Add the Amplify StorageManager UI component to upload and manage files of up to 5TB in Amazon S3
* Objective 3: Customize Amplify StorageManager with upload features like pause/resume and pre-processing
***To learn more about the services featured in this talk, please visit: Build full-stack web and mobile apps in hours on the AWS Free Tier: https://aws.amazon.com/amplify/
****To download a copy of the slide deck from this webinar visit: https://pages.awscloud.com/Easily-upload-and-manage-Amazon-S3-files-in-a-Nextjs-web-app-with-AWS-Amplify_2023_OTT-OD-0704-MDA_OD Subscribe to AWS Online Tech Talks On AWS:
https://www.youtube.com/@AWSOnlineTechTalks?sub_confirmation=1
Follow Amazon Web Services:
Official Website: https://aws.amazon.com/what-is-aws
Twitch: https://twitch.tv/aws
Twitter: https://twitter.com/awsdevelopers
Facebook:
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from AWS Developers · AWS Developers · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Using Microsoft Active Directory across On-premises and Cloud Workloads
AWS Developers
What is Cloud Computing with AWS? | Hebrew Webinar
AWS Developers
Best Practices for Getting Started with AWS | Hebrew Webinar
AWS Developers
Best Practices for Using AWS Identity and Access Management (IAM) Roles
AWS Developers
Building Scalable Web Apps | Hebrew Webinar
AWS Developers
Dev & Test on the AWS Cloud | Hebrew Webinar
AWS Developers
Storage & Backup on AWS | Hebrew webinar
AWS Developers
Disaster Recovery on AWS | Hebrew Webinar
AWS Developers
AWS Israel News | Episode 1
AWS Developers
Security Best Practices on AWS | Hebrew Webinar
AWS Developers
Ready: Introduction to AI on AWS | Hebrew Webinar
AWS Developers
Set: What is ML for developers? | Hebrew Webinar
AWS Developers
Go!: Building your own ChatBot with Amazon Lex | Hebrew Webinar
AWS Developers
And Beyond: Amazon Sagemaker | Hebrew Webinar
AWS Developers
Building API-Driven Microservices with Amazon API Gateway - AWS Online Tech Talks
AWS Developers
Understanding AWS Secrets Manager - AWS Online Tech Talks
AWS Developers
Best Practices for Building Enterprise Grade APIs with Amazon API Gateway - AWS Online Tech Talks
AWS Developers
Build, Train and Deploy Machine Learning Models on AWS with Amazon SageMaker - AWS Online Tech Talks
AWS Developers
AWS Israel News | Episode 2 | re:Invent
AWS Developers
AWS Floor28 News - January
AWS Developers
AWS Floor28 News - February - Hebrew
AWS Developers
AWS Floor28 News - March - Hebrew
AWS Developers
AWS Floor28 News - April - Hebrew
AWS Developers
AWS Floor28 News - May - Hebrew
AWS Developers
Authentication for Your Applications: Getting Started with Amazon Cognito - AWS Online Tech Talks
AWS Developers
AWS Floor28 News - June - Hebrew
AWS Developers
AWS Floor28 News - July - Hebrew
AWS Developers
Enriching your app with Image Recognition and AWS AI Services - AWS Webinar - Hebrew
AWS Developers
Personalize, Forcast, and Textract - AWS Webinar - Hebrew
AWS Developers
Managing Your ML Development Lifecycle with Amazon SageMaker - AWS Webinar - Hebrew
AWS Developers
Running your ML code in Amazon Sagemaker - AWS Webinar - Hebrew
AWS Developers
Get Started in Minutes with Amazon Connect in Your Contact Center - AWS Online Tech Talks
AWS Developers
AWS Floor28 News - August - Hebrew
AWS Developers
AWS Floor28 News - September - Hebrew
AWS Developers
Deep Dive on Amazon EventBridge - AWS Online Tech Talks
AWS Developers
Advanced Serverless Orchestration with AWS Step Functions - AWS Online Tech Talks
AWS Developers
Living on the Edge - an Introduction to Amazon CloudFront and Lambda@Edge - Hebrew Webinar
AWS Developers
AWS Floor28 News - October - Hebrew - YouTube
AWS Developers
What's New with AWS Storage - AWS Online Tech Talks
AWS Developers
How to Build a Compelling Migration Business Case Using TSO Logic - AWS Online Tech Talks
AWS Developers
Configuring and Managing Amazon S3 Replication - AWS Online Tech Talks
AWS Developers
AWS Floor28 News - November - Hebrew
AWS Developers
Using Relational Databases with AWS Lambda - Easy Connection Pooling - AWS Online Tech Talks
AWS Developers
AWS Floor28 News - December 2019 - Hebrew
AWS Developers
AWS Floor28 News - January 2020 - Hebrew
AWS Developers
Top 10 Data Migration Best Practices - AWS Online Tech Talks
AWS Developers
How to Use Azure Active Directory with AWS SSO - AWS Online Tech Talks
AWS Developers
AWS Tips & Tricks - Amazon Redshift Advisor - Hebrew
AWS Developers
AWS Tips & Tricks - Amazon Redshift Elastic Resize - Hebrew
AWS Developers
AWS Tips & Tricks - Amazon Redshift Spectrum - Hebrew
AWS Developers
AWS Tips & Tricks - Savings Plans & Cost Explorer - Hebrew
AWS Developers
AWS Tips & Tricks - Amazon Redshift Concurrency Scaling - Hebrew
AWS Developers
AWS Tips & Tricks - Training Models with Amazon SageMaker - Hebrew
AWS Developers
AWS Tips & Tricks - Auto Model Tuning with Amazon SageMaker - Hebrew
AWS Developers
AWS Tips & Tricks - Amazon Comprehend - Hebrew
AWS Developers
Understanding High Availability and Disaster Recovery Features for Amazon RDS for Oracle
AWS Developers
Amazon Forecast – Forecasting - From Months to Days (Hebrew)
AWS Developers
Visualize your data with Amazon QuickSight (Hebrew)
AWS Developers
Amazon Kendra (Hebrew)
AWS Developers
AWS Floor28 News - AI/ML Special Edition
AWS Developers
More on: Backend Performance
View skill →Related AI Lessons
⚡
⚡
⚡
⚡
RAG Evaluation with RAGAS: Measuring Faithfulness, Context Precision, and Recall in Production
Dev.to · Anna Danilec
Chunking for RAG: stop tuning the wrong knob
Dev.to · saurabh naik
Your RAG Pipeline Isn’t Broken. Your Chunks Are.
Medium · LLM
Your RAG Pipeline Isn’t Broken. Your Chunks Are.
Medium · RAG
Chapters (11)
0:58
What is AWS Amplify?
5:00
Build auth features
7:00
Connect your app to a cloud storage back-end
8:02
Amplify UI StorageManager component for React
9:18
Create a Next.js app
11:09
Setup Amplify
14:06
Add storage
15:38
Build a front-end
19:10
Add StorageManager
23:43
Setup a data model
43:52
Helpful resources
🎓
Tutor Explanation
DeepCamp AI