---------------------- I can help you add Google Auth to your custom form. Wasp provides specific UI helpers for social authentication that you can use in your custom implementation. ## Adding Google Auth to Your Custom Form You can use the built-in Google sign-in button or URL provided by Wasp: ```javascript import { GoogleSignInButton, googleSignInUrl } from 'wasp/client/auth' // In your custom form component: export function CustomLoginForm() { return (

{/* Your custom username/password form */} {/* Add Google auth using the pre-built button */} {/* OR create your own custom button */}

) } ``` The `GoogleSignInButton` is a pre-styled button that handles the Google authentication flow, while `googleSignInUrl` is the URL that initiates the Google OAuth process, which you can use with your own custom button or link [Auth Social Overview](). ## Setting Up Google Auth in Your Wasp File Make sure you've properly configured Google Auth in your `main.wasp` file: ``` app myApp { wasp: { version: "^0.13.0" }, title: "My App", auth: { userEntity: User, methods: { google: {} }, onAuthFailedRedirectTo: "/login" }, } ``` This enables Google authentication with the default settings [Google Auth Setup](). ## Customizing the Google Auth Flow If you need to customize the Google authentication flow (like adding extra user fields during signup), you can use the `userSignupFields` option:

Change LoginSignupForm

Similar Threads

Change LoginSignupForm

Similar Threads

Similar Threads

Similar Threads