Deploy Svelte app on AWS Amplify

Today I finished my sample svelte app development. Svelte apps are easy to deploy on Netlify. I work in clouds so I was curious how can I deploy the svelte app on leading cloud providers. I picked up my battle with AWS Amplify.

Challenge: Deploy svelte app on AWS amplify

Pre-requisite: Svelte app checked-in Github.

Let's make sure everything works well in local

> git clone {repo_url}
> npm install
> npm run dev
> svelte-app@1.0.0 dev /Users/<user>/svelte_tutorial
> rollup -c -w
rollup v2.61.0
bundles src/main.js → public/build/bundle.js...
LiveReload enabled
created public/build/bundle.js in 308ms
[2021-12-13 17:17:35] waiting for changes...

> svelte-app@1.0.0 start /Users/<user>/svelte_tutorial
> sirv public --no-clear "--dev"
Your application is ready~! 🚀

  - Local:      http://localhost:5000 <--- yuppie time to go to the browser

Okay! all good, let's login to AWS console and search for Amplify and follow the steps

Step 1: Host an app > Click Github.

Step 2: Select sample app git repo, amplify will read the files and recognize the build and show you the amplify.yml.

Step 3: Edit amplify.yml to change baseDirectory setting to public dir as svelte build the production-ready build under the public directory.

Step 4: Click the "Save and Deploy" button.

Step 5: Successful deployment screen.

Verify app loading on the browser. Enter the name of your favorite planet and get logged on earth :).

In summary, Svelte apps are quick to develop and AWS Amplify gives you quick steps to deploy the application.

Happy Deploying!

Read more about
What is Svelte
What is AWS Amplify