Deploy a Nuxt SPA App to Amazon’s AWS Amplify ☁

This will be a very short guide on how to deploy your Nuxt SPA app on Amazon (AWS) Amplify development platform in a way dynamic routes work properly.

Let’s get started! <:o)

1) Create a Nuxt App

Follow the instructions on the link below to create a basic nuxt app:

https://github.com/nuxt/create-nuxt-app

npx create-nuxt-app <my-project>

❗️️ Make sure to replace “<project-name>” with your project-name!

You can choose which options you like yourself, but make sure to have rendering mode “SPA” applied so it’s a Single-Page-Application.

2) Setting Up the app in AWS Amplify

❗️️If you haven’t set up an AWS account and a project yet, please do so now on http://www.aws.com.

Now visit https://us-west-2.console.aws.amazon.com/amplify and click on “Connect app”. You’ll go through a very short setup deployment process that is well documented, either by connecting a git repo or by other means.

Just follow the instructions and you should end up here: