概要
- 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が表示されるはずです。✌️
参考サイト