Nzoni docs
  • Getting Started
  • Angular
    • Project Structure
    • Authentication, Magic Link and Google Auth
    • Landing page
    • Payments and Plans
    • Blog and articles
    • User Dashboard
    • Admin Dashboard
    • SEO & SSR
    • Deploy Angular Project
  • Nest.js
    • Project Structure
    • Authentication, Google auth and Magic link
    • Blogposts
    • Plans
    • Stripe Payment
    • Email and Templates
    • Database and Migration
    • Image File upload
    • Users
    • Deploy Nest.js project
  • Node.js/MongoDB
    • Project structure
    • API endpoints
  • Angular / Firebase / Node.js
  • Create first and default plan
  • Create an Admin User
  • Support
  • Licenses
Powered by GitBook
On this page
  • Here's the look of the auth components folder
  • Configure Google OAuth
  1. Angular

Authentication, Magic Link and Google Auth

The Nzoni boilerplate comes with built-in support for popular sign-in services. With just a few updates to environment variables

PreviousProject StructureNextLanding page

Last updated 1 year ago

Here's the look of the auth components folder

├── node_modules
├── src
│   ├── app  
│   │  ├── authentification
│   │  │   ├── login
│   │  │   ├── signup
│   │  │   ├── magic-link     # Magic link redirection
│   │  │   ├── reset          # Resetting password

Configure Google OAuth

To configure Google Auth, first get Google Client ID, you can follow how to get it . Edit google_client_id environment variable in src/environments/environment.prod.ts and src/environments/environment.ts

export const environment = {
  ...
  google_client_id: ""
}

Ensure that you publish your App in Google Cloud before deploying to production.

here