Easily upload and manage Amazon S3 files in a Next.js web app with AWS Amplify-AWS Online Tech Talks

7 Views

Thanks! Share it with your friends!

You disliked this video. Thanks for the feedback!

Published Feb 20, 2025

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: https://facebook.com/amazonwebservices
Instagram: https://instagram.com/amazonwebservices

☁️ AWS Online Tech Talks cover a wide range of topics and expertise levels through technical deep dives, demos, customer examples, and live Q&A with AWS experts. Builders can choose from bite-sized 15-minute sessions, insightful fireside chats, immersive virtual workshops, interactive office hours, or watch on-demand tech talks at your own pace. Join us to fuel your learning journey with AWS.

#AWS