Skip to content

Add SignUpPage component and improve folder structure #4964

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 26 commits into
base: master
Choose a base branch
from

Conversation

yuito-it
Copy link
Contributor

@yuito-it yuito-it commented May 20, 2025

Summary

Important

This PR includes breaking changes.

This PR adds a new SignUpPage component to provide a customizable registration page that supports multiple authentication methods including OAuth providers and credentials-based signup.

Motivation

Previously, developers had to implement their own signup flows from scratch. This led to:

  • Duplicated authentication logic across projects
  • Inconsistent user experiences
  • Security concerns from custom implementations
  • Extra time spent on boilerplate code

Changes

  • Added new SignUpPage component
  • Implemented support for multiple OAuth providers (Google, GitHub, etc.)
  • Added credentials-based signup with email/password
  • Included comprehensive documentation and examples
  • Added proper TypeScript types and interfaces
  • Moved SignUpPage and SignInPage component file to ./AuthPage
  • Separated AuthProvider interface, SupportedAuthProvider and SupportedOAuthProvider types

Benefits

  • Consistent signup experience across applications
  • Reduced development time for authentication
  • Built-in support for popular OAuth providers
  • Customizable UI through slots and props
  • Type-safe implementation

Notes

The component follows the same design patterns as other Core components and integrates seamlessly with the existing authentication system. The implementation is marked as experimental and may evolve based on user feedback.

@yuito-it yuito-it marked this pull request as ready for review May 21, 2025 12:12
@mui-bot
Copy link

mui-bot commented May 21, 2025

Netlify deploy preview

https://deploy-preview-4964--mui-toolpad-docs.netlify.app/

Generated by 🚫 dangerJS against 39d580b

@yuito-it yuito-it changed the title Add SignUpPage component and related localization Add SignUpPage component and improve folder structure May 21, 2025
@zannager zannager added the scope: toolpad-core Abbreviated to "core" label May 27, 2025
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label May 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
PR: out-of-date The pull request has merge conflicts and can't be merged scope: toolpad-core Abbreviated to "core"
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[core] Add sign up page component
3 participants