User Authentication

DjipFast offers two authentication methods: Magic Links and Google OAuth.

After setting up one or both methods, you can customize the login page to show the relevant login options:

Depending on which login methods you have set up and want to use, change the login.html view to display the right login fields.

E.g. if you have both Magic Links and Google Oauth set up, you can display both login fields in the login.html view. If you only have Magic Links set up, remove the Continue with Google button from the login.html view.

templates/login.html

<!-- ... -->
      <form hx-post="{% url 'user:login' %}{% if request.GET.next %}?next={{ request.GET.next }}{% endif %}"
            hx-target="#send-magic-link"
            hx-indicator="#loading"
            hx-disabled-elt="#send-magic-link"
            hx-swap="outerHTML"
            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
        {{ form.as_p }}
        <button class="btn btn-block btn-accent" type="submit" id="send-magic-link">
          <span id="loading" class="loading loading-spinner custom-htmx-indicator"></span>
          Send magic link
        </button>
        <div class="divider">OR</div>
        <a class="btn btn-block bg-base-100" href="{% url 'social:begin' 'google-oauth2' %}?next={{ request.GET.next|default:'/' }}">
          <svg><!-- ... --></svg>
          Continue with Google
        </a>
      </form>
<!-- ... -->

Tip

The LOGIN_REDIRECT_URL and LOGOUT_REDIRECT_URL configured in the settings.py file are used across the app to redirect the users to the right place after a successful sign-up/login. After login, it's usually a private route like /dashboard.

config/settings.py

LOGIN_REDIRECT_URL = '/' # or '/dashboard'
LOGOUT_REDIRECT_URL = '/' # or '/login'