Next.js で SSG したサイトを AWS CloudFront + S3 にデプロイする - Qiita
はじめに 最近 Next.js の SSG (Static Site Generator: 静的サイト生成) の機能が強化されにわかに盛り上がっています。 SSG の用途では今までは Gatsby.js や React から Vue に浮気して Nuxt.js を選択したほうが早いという印象でしたが、 Next.js で何でもできるようになってきて個人的には嬉しいです。 SSG によって生成されたファイルは単なる HTML/CSS/JS なため、 AWS S3 などに静的にホスティングすることが可能です。 これ自体は create-react-app などで作った SPA でも同じなのですが、 SSG の場合はページ毎に予めレンダリングされた HTML を取得できるため、ロードが早かったりページ別に SEO 対策がやりやすいといったメリットがあります。 今回、 Next.js で SSG
【AWS】S3+CloudFront+Route53+ACMでSSL化(https)した静的Webサイトを公開する
概要 本記事では、S3+CloudFront+Route53を利用して、静的サイトを公開する実装手順を紹介します。ACMを使ってSSL証明書を発行し、httpsで公開します。 LP（ランディングページ）、ポートフォリオサイト、シンプルなサイトなどをインターネット上に公開する際に役立ちます。 構成図 本記事のゴール 今回のゴールは、以下のhtml,ccs,画像だけのシンプルな静的Webサイトを、独自ドメインを使用してインターネット上に公開することです。 事前準備 AWSのアカウント 公開するファイル（html,css,imageなど） 実装手順 S3で静的Webサイトホスティングをする CloudFront経由でS3のファイルにアクセスする CloudFrontのOAIを使用して、S3への直接アクセスを制限する 独自ドメインを取得し、Route53へ設定する(freenomで無料ドメインを取
How we use cloudfront and next.js.md
How we use cloudfront and next.js.md How we incorporate next and cloudfront (2018-04-21) Feel free to contact me at robert.balicki@gmail.com or tweet at me @statisticsftw This is a rough outline of how we utilize next.js and S3/Cloudfront. Hope it helps! It assumes some knowledge of AWS. Goals Every html file should never, ever be cached. Right now, our home page (just the html) is 169kb, so it's
署名付き URL と署名付き Cookie を作成できる署名者を指定する - Amazon CloudFront
署名付き URL または署名付き Cookie を作成するには、署名者が必要です。署名者は、CloudFront で作成した信頼されたキーグループ、または CloudFront のキーペアを含む AWS アカウントのいずれかです。署名付き URL と署名付き Cookie が有効な信頼されたキーグループを使用することをお勧めします。詳細については、「信頼されたキーグループ (推奨) と AWS アカウントのいずれかを選択する」を参照してください。 署名者には 2 つの目的があります。 署名者をディストリビューションに追加するとすぐに、ビューワーからファイルへのアクセスには、署名付き URL または署名付き Cookie の使用が CloudFront によって求められるようになります。 署名付き URL または署名付き Cookie を作成するときは、署名者のキーペアのプライベートキーを使
AWSにおけるSSL証明書の基本的な取扱い | 外道父の匠
多くの企業が、今年中にWebサービスの暗号化を進めなくてはいけなくなったかと思います。 Webに接続するiOSアプリは2017年1月からHTTPSの使用が絶対条件になる、デベロッパーはご注意を | TechCrunch Japan ということで、基本的な内容ではありますが、AWSにおけるSSL証明書の扱いについて復習してみます。 AWSで扱う証明書の種類 ここでいう種類とは、EV SSL だの ワイルドカードだの、証明書の製品としての種類ではありません。 １つは AWS Certificate Manager（以下、ACM）の無償証明書、もう１つは従来のSSLサーバ証明書販売サイトで購入する有償証明書、の２種類となります。 それぞれの証明書を、AWSのリソースにどのように登録し、運用していくかについてまとめていきます。 ACMの証明書を利用する 2016年1月にリリースされ、5月にはTok
Secured API Acceleration with Engineers from Amazon CloudFront and Slack
Secured API Acceleration with Engineers from Amazon CloudFront and Slack The document discusses how Slack uses Amazon CloudFront to accelerate its API delivery. Some key points: - Slack saw performance and latency improvements by migrating its API from Elastic Load Balancers to CloudFront. This included average latency dropping from 90ms to 15ms worldwide. - CloudFront provides automatic DDoS prot
CloudFrontのオリジンサーバによる機能の違い | DevelopersIO
こんにちは。望月です。 今日はCloudFrontのOriginについてのあまり知られていない(?)差について書いてみます。 CloudFrontの復習 CloudFrontはAWSが提供するCDN(Contents Delivery Network)サービスです。全世界に散らばったエッジサーバと呼ばれるキャッシュサーバがコンテンツ提供元サーバ(オリジンサーバ)の持つコンテンツをキャッシュすることで、オリジンサーバの負荷を軽減しつつ高速なレスポンスを返すことを目的としています。 CloudFrontを経由して配信したいFQDN単位で、CloudFrontのDistributionと呼ばれるものを作成し、それに対してコンテンツの取得元であるオリジンサーバを一つ指定します。CloudFrontの特徴として、オリジンサーバとしてS3バケットを指定できることが挙げられます。以降、S3をオリジンサー
S3+CloudFrontで期限付きURL | プログラミングメカブログ
今回の要件としては、URLを時限式でexpireさせる事で、 URLを叩けばいくらでもアクセス出来るのを防ぐ事を目的としています。 AWS構成 EC2 S3 CloudFront 事前準備 CloudFrontのOriginをS3に向けてあり、 S3とCloudFrontのURLどちらを叩いても同じ内容が表示されている状態にしてあります。 テスト用に、Windows 7に標準で入ってる画像をアップロードしてあるので、アクセスしてみましょう。 どちらも同じ内容が表示されます。 実装 構想 期限付きのURLをEC2から発行し、CloudFrontを経由してS3からコンテンツを取得し配信する。 CDP:Private Cache Distributionパターンというやつらしいです。 CloudFront、S3の設定変更 今はただアクセスするだけで表示されてしまうので、 設定を変更し、署名付きの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
