Loading video player...
š By the end of this video, your Next.js app will deploy automatically to AWS S3 and CloudFront every time you push code to GitHub. You'll build a production-ready CI/CD pipeline using GitHub Actions used by real DevOps teams. In this hands-on tutorial, we will build a complete deployment pipeline for Next.js applications using AWS S3, CloudFront, and GitHub Actions. š„ DevOps Career Boost š Linux Foundation Certifications ā 30% OFF š„ Get 30% OFF Linux Foundation Courses & Certifications COUPON CODE: CLOUDGURU š Enroll here for CKAD: https://training.linuxfoundation.org/certification/certified-kubernetes-application-developer-ckad/?source=aw&sv1=affiliate&sv_campaign_id=2797056&awc=85919_1773067559_bfa5e6ace1397c69f68bfb64ff35fa1f š Enroll here for CKA: https://training.linuxfoundation.org/certification/certified-kubernetes-administrator-cka/?source=aw&sv1=affiliate&sv_campaign_id=2797056&awc=85919_1773067536_a1f91345cf951dbbbecaad9281bf8434 š Enroll here for CKS: https://training.linuxfoundation.org/certification/certified-kubernetes-security-specialist/?source=aw&sv1=affiliate&sv_campaign_id=2797056&awc=85919_1773067517_4a35c19ecd7d600840ae4908a59308e7 š Enroll here for LFCS: https://training.linuxfoundation.org/certification/linux-foundation-certified-sysadmin-lfcs/?source=aw&sv1=affiliate&sv_campaign_id=2797056&awc=85919_1773067492_d86b426a144855a255c652e6d2c4816e š Enroll here for all courses and certifications: https://www.awin1.com/cread.php?awinmid=85919&awinaffid=2797056 š„ Join our Cloud Guru WhatsApp Community https://www.whatsapp.com/channel/0029Va8fH154IBhEu3t21y2o āļø Managed Cloud Hosting Deals š Get CloudWays https://www.cloudways.com/en/?id=1365224 š„ CloudWays Coupon Code: CLOUDGURU25 Get 25% OFF for 3 months. š Try xCloud Hosting https://xcloud.host?fpr=cloudguru š„ Get $200 FREE credits on signup. This setup allows you to: ā Automatically deploy your Next.js app to AWS ā Serve your application globally through CloudFront CDN ā Trigger deployments on every GitHub push ā Implement a real CI/CD pipeline used in production š§ What You'll Learn ⢠Deploy Next.js static build to AWS S3 ⢠Configure CloudFront CDN for global performance ⢠Create a GitHub Actions CI/CD pipeline ⢠Automate cache invalidation for CloudFront ⢠Build a production-ready DevOps workflow āļø Architecture Covered GitHub ā GitHub Actions ā Build Next.js ā Upload to S3 ā CloudFront CDN This architecture is widely used for serverless frontend deployments and scalable web applications. š§ Who This Video Is For Frontend developers learning AWS deployments DevOps engineers building CI/CD pipelines Developers deploying Next.js applications to production Anyone preparing for AWS or DevOps interviews ā± Chapters 0:00 Introduction & Architecture Overview 1:00 Creating the AWS S3 Bucket 2:15 Enabling Static Website Hosting 3:00 Configuring S3 Bucket Policies 4:15 Building the Next.js App Locally 5:00 Manually Uploading Files to S3 6:00 Setting Up AWS CloudFront Distribution 8:15 Creating the GitHub Actions Workflow File 9:15 Explaining the Workflow Permissions and Steps 12:15 Troubleshooting Initial Deployment Failure 12:45 Creating & Attaching IAM Policies for GitHub Access 14:00 Configuring IAM Roles for OIDC 15:00 Successful Automated Deployment via GitHub Actions 16:00 Testing CI/CD Pipeline with Code Changes š¬ Comment below if you want the GitHub repo + architecture diagram. If you're learning AWS, DevOps, and Cloud deployments, subscribe for weekly real-world projects. #NextJS #AWS #GitHubActions #DevOps #CloudFront #CICD #AWSTutorial