https://github.com/wpcodevo/rust-yew-google-github-oauth2
In this article, you will learn how to implement OAuth for Google and GitHub in a Rust frontend application using the Yew.rs framework. Additionally, I will provide backend APIs built using Rust, Node.js, and Golang that you can use alongside the frontend application.
https://github.com/wpcodevo/rust-yew-google-github-oauth2
github-oauth github-oauth2 google-oauth google-oauth2 rust rust-frontend rust-lang yew-framework yew-router yewdux
Last synced: 2 months ago
JSON representation
In this article, you will learn how to implement OAuth for Google and GitHub in a Rust frontend application using the Yew.rs framework. Additionally, I will provide backend APIs built using Rust, Node.js, and Golang that you can use alongside the frontend application.
- Host: GitHub
- URL: https://github.com/wpcodevo/rust-yew-google-github-oauth2
- Owner: wpcodevo
- Created: 2023-04-23T19:23:39.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-05-10T10:32:21.000Z (about 2 years ago)
- Last Synced: 2025-01-26T03:41:17.712Z (4 months ago)
- Topics: github-oauth, github-oauth2, google-oauth, google-oauth2, rust, rust-frontend, rust-lang, yew-framework, yew-router, yewdux
- Language: Rust
- Homepage: https://codevoweb.com/implement-google-and-github-oauth2-in-rust-frontend-app/
- Size: 26.4 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Implement Google and GitHub OAuth2 in Rust Frontend App
In this article, you will learn how to implement OAuth for Google and GitHub in a Rust frontend application using the Yew.rs framework. Additionally, I will provide backend APIs built using Rust, Node.js, and Golang that you can use alongside the frontend application.
## Topics Covered
- Run the Google and GitHub OAuth Frontend App
- Run a Rust Backend Server with the App
- Other Backend APIs with OAuth Support
- How the GitHub and Google OAuth Works
- Sign In using Google OAuth
- Sign In using GitHub OAuth
- Setup the Rust Frontend Project
- Generate the GitHub and Google OAuth Consent Screen URLs
- Function to Generate the Google OAuth Consent Screen
- Function to Generate the GitHub OAuth Consent Screen
- Set up Tailwind CSS for Styling
- Create the API Request Functions
- Manage the Application State Globally
- Create Some Reusable Components
- Create a Spinner Component
- Create a Form Input Component
- Create an Alert Notification Component
- Create a Header Component
- Create the Frontend Pages for the Authentication
- Account Registration Page
- Account Login Page
- Profile Page
- Home Page
- Create Routes for the Page Components
- Create the App Component
- Render the App Component in the Main File
- How to Obtain the Google OAuth Credentials
- How to Obtain the GitHub OAuth Credentials
- Conclusion
Read the entire article here: [https://codevoweb.com/implement-google-and-github-oauth2-in-rust-frontend-app/](https://codevoweb.com/implement-google-and-github-oauth2-in-rust-frontend-app/)