|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-v15aws-s3cloudfront/
课程评论：没有评论
Coursera 课程：Next.js V15：全栈开发！利用 AWS S3 x CloudFront x WAF 实现安全、高速的图片文件分发！ 本课程将教您如何结合 Next.js V15、AWS 基础设施和 Vercel，开发一个文章发布应用程序，并使用自定义域名进行公开。这是一个完整的全栈开发课程，涵盖前端、后端、基础设施和安全。 **核心技术亮点：** * **前端与后端：** 使用 Next.js 版本 15，并支持 Markdown 格式的文章内容。 * **安全性：** 实施 XSS (跨站脚本攻击) 防御措施。 * **图片文件处理：** * **存储：** 使用 AWS S3 进行图片文件存储。 * **分发：** 在 S3 前端部署 CloudFront，利用 CDN 实现高速分发。 * **安全防护：** 集成 WAF (Web 应用防火墙) 提供安全保护。 * **部署与域名：** * **部署平台：** 部署到为 Next.js 优化的 Vercel。 * **域名配置：** 使用 AWS Route 53 配置 DNS 服务器，实现自定义域名的分发。 * **SSL 证书：** 讲解 SSL 服务器证书的获取方法。 **课程收获：** 1. **全栈开发能力：** 掌握构建和发布包含媒体文件、前端、后端和基础设施的本格全栈应用程序。 2. **Next.js V15 新特性：** 熟练使用 React 19 中正式引入的 `useActionState`，并深入理解 `useFormState` 的变更点以及 Server Actions 的安全更新。 3. **缓存控制：** 通过实践理解 Next.js 中“令人头疼”的缓存控制，如 Request Memoization、DataCache 和 Router Cache。 4. **SEO 与自定义域名：** 学习为应用程序和图片文件实现实用的 SEO，并使用自定义域名发布，包括 SSL 证书和 DNS 服务器的配置。 5. **AWS 集成：** 学习将 Next.js 应用与 AWS S3 集成，实现文件的上传和删除。并结合 CloudFront 和 WAF 实现安全、高速的媒体文件分发。 6. **数据可靠性：** 使用 Prisma 的事务 (transaction) 实现健壮、可靠的数据更新，防止多系统间数据不一致。 7. **正则表达式应用：** 熟练运用正则表达式实现实用的验证功能。 **课程总结：** 在当今的 Web 开发中，前端、后端、基础设施和安全知识是必不可少的。本课程系统地涵盖了这些领域，通过丁寧的讲解，帮助您全面掌握现代 Web 开发技能。期待与您在课程中相遇！
Next.js V15 × AWSのインフラ × Vercel、これら3つを掛け合わせて、記事投稿アプリケーションを開発＆独自ドメインで公開！！ちなみに、完全な、フルスタックでの開発となります。フロントエンドと、バックエンドは、Next.jsのバーション15を採用。記事のcontent部分は、Markdown(マークダウン)に対応。また、XSS(Cross-site scripting)対策も施します。画像ファイルの保存先は、AWSのS3。S3の前段には、CloudFrontを配置し、CDNを活用した高速配信を実現。また、WAF(ウェブアプリケーションファイアウォール)でのセキュリティー保護まで実装します。デプロイ先は、Next.jsに最適化されたVercel。AWSのRoute53でDNSサーバーの設定を操作し、独自ドメインでの配信方法まで行います。■この講義を受講するメリット：①メディアファイルを扱う、本格的なアプリケーションを、 フロントにバック、インフラに至るまで、フルスタックで構築し、公開する力が身につきます。②Next.jsのバージョン15、かつ、リアクト19で正式に導入された、 useActionStateを使いこなすことが出来る様になります。 また、useFormStateからの変更点についても、しっかりと解説。 加えて、Server Actionsの、重要なseculityアップデートについてもレクチャーさせていただきます。③Next.jsでの、初心者泣かせとされる、Request MemoizationやDataCache、Router Cacheなどの、 cache(キャッシュ)制御について、実践を通して、解説させていただきます。④実践的なSEOを意識して、アプリケーションに加え、画像ファイルまで、 独自ドメインで公開する手順を解説させていただきます。 加えて、SSLサーバー証明書の取得方法や、DNSサーバーの設定方法までも、レクチャーさせていただきます。⑤Next.jsのアプリケーションと、AWSのストレージサービスであるS3を連系させ、 ファイルのアップロードと、削除をする方法を習得することが出来ます。 さらに、CDNサービスのCloudFront、セキュリティーサービスのWAF、 これらを掛け合わせて、高速かつ安全に、メディアファイルを配信する方法を学ぶことが出来ます。⑥prismaのtransaction(トランザクション)を用いて、堅牢で信頼性の高いデータ更新を実装します。 これは、複数のシステム間での、データの不一致をぐために役立ちます。 ちなみに、決済処理などの際に、よく採用される手法です。⑦正規表現を駆使して、実践的なバリデーション機能を実装。 これにより、正規表現を用いて、自在にvalidationを実装する力が身につきます。■[ 最後に ]:現代のWeb開発では、フロントエンド、バックエンド、インフラ、セキュリティーと、多岐にわたる知識が求められます。本講義では、それらを体系的に学ぶこができる内容になっていると、自負しています。丁寧な解説を心がけますので、是非とも最後まで、ご受講いただければ幸いです。それでは、本講義でお会いできることを、楽しみにしています。
