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:
