Feature Request: Add Svelte Support for Gen 2

[sjcengine]

Amplify is great, Svelte is great - but the two do not currently play well together.

I've managed to get Svelte running alongside the Amplify backend and some of the APIs but the JS tutorial for Authenticator etc. just directs you to install the React UI package with Gen 2 and know "vanilla" package seems to exist.

Is it possible to add either proper JS tutorials/modules or Svelte specific ones instead of defaulting to React? Currently, it doesn't seem like JS as a standalone environment is actually supported by Amplify, let alone Svelte.

Maybe there is a clever workaround, but currently Svelte can't be fully integrated with Amplify - if they could be, it would be a winning combo!

[reesscot]

Hi @sjcengine,
Unfortunately, we don't have an Authentictor UI component available for Svelte. However, you can use the vanilla JS API's to create login UI flows yourself.
https://docs.amplify.aws/javascript/start/quickstart/
https://docs.amplify.aws/javascript/build-a-backend/auth/connect-your-frontend/
https://docs.amplify.aws/javascript/build-a-backend/auth/connect-your-frontend/sign-up/

[sjcengine]

Update: Got it working!

Just missed the config reference in my main.js

I'll make some UI components and give it a test. Thanks for your help.

---

Hi Scott,

Thanks for this - I've followed all the above and am getting:

Unhandled Promise Rejection: AuthUserPoolException: Auth UserPool not configured.

I've followed the quick start and left all the boiletplates as is. I.e. auth/resource.ts and backend.ts aren't touched.

I've tried with both the deployment amplify_outputs.json and sandbox.

Feels like I'm close. Any idea what it could be?

Cheers.

[reesscot]

@sjcengine I'm going to transfer this over to our docs repo as a request to document Svelte use cases.