概要
- NuxtとGraphQLとAWS(Amplify, appsync, dynamodb, cognito, s3....)を用いてWebアプリチュートリアルPart1
- NuxtとGraphQLとAWS(Amplify, appsync, dynamodb, cognito, s3....)用いてWebアプリを作ってみたPart2
- NuxtとGraphQLとAWS(Amplify, appsync, dynamodb, cognito, s3....)を用いてWebアプリチュートリアルPart3
- NuxtとGraphQLとAWS(Amplify, appsync, dynamodb, cognito, s3....)を用いてWebアプリチュートリアルPart4
やること
- 作成したブログをネットに公開する。
作成したブログをネットに公開する。
ターミナルで以下のコマンドを実行しましょう
target: server（デフォルト値）
nuxt build - 本番用の webpack を使用してアプリケーションをビルドおよび最適化します。
target: static
nuxt generate -（必要に応じて）アプリケーションをビルドし、すべてのルートを HTML ファイルとして生成し、dist/ ディレクトリに静的にエクスポートします（静的ホスティングに使用されます）。
公式抜粋
staticとserverで違うようです。
% npm run generate
% amplify hosting add
? Select the plugin module to execute Hosting with Amplify Console (Managed hosting with custom domai
ns, Continuous deployment)
? Choose a type Manual deployment
You can now publish your app using the following command:
Command: amplify publish
amplify publishコマンドを実行しろというメッセージがあるので実行します
% amplify publish
? Are you sure you want to continue? Yes
しばらくすると、ホスティング完了です。
https://***************.amplify.com
urlが表示されるはずです。✌️
参考サイト
- nuxt公式サイト