Create the Login & Admin Page

Creating a login page

In order for users to sign up for an account and eventually log in, we need a page. We are going to create that in a new services/web/src/routes/auth/login.svelte file given below. Click Run and navigate to services/web:

cd services/web

Adding a Sign In Button

Let’s add a simple button to sign in and a click handler to the login.svelte file given below:

<script>
  const signIn = () => {
    // Open FirebaseUI
  }
</script>

<button on:click={signIn}>Sign In</button>

Adding a menu item

...