How to use netlify-identity-widget - 10 common examples

import netlifyIdentity from 'netlify-identity-widget'

// check for netlifyIdentity, redirect to admin if user is logging in
netlifyIdentity.on('init', user => {
  if (!user) {
    netlifyIdentity.on('login', () => {
      document.location.href = '/admin/'
    })
  }
})

if (window.localStorage) {
  netlifyIdentity.init()
}

import React from 'react';
import netlifyIdentity from 'netlify-identity-widget';

netlifyIdentity.init({
  // TODO: figure out why this is not working
  namePlaceholder: 'Username',
});

export const CurrentUserContext = React.createContext({});

class CurrentUserContextProvider extends React.Component {
  state = {
    user: netlifyIdentity.currentUser(),
  };

  authenticate = ({ showSignup = false, onSuccess }) => {
    netlifyIdentity.open(showSignup && 'signup');
    netlifyIdentity.on('login', user => {
      this.setState({ user });
      onSuccess && onSuccess(user);
    });
  };

  logout = callback => {
    netlifyIdentity.logout();
    netlifyIdentity.on('logout', () => {
      this.setState({ user: null });
    });
  };

constructor(props) {
    super(props);
    // Initialize NetlifyIdentity
    typeof window !== 'undefined' && netlifyIdentity.init();
  }
  render() {

import netlifyIdentity from 'netlify-identity-widget'

// check for netlifyIdentity, redirect to admin if user is logging in
netlifyIdentity.on('init', user => {
  if (!user) {
    netlifyIdentity.on('login', () => {
      document.location.href = '/admin/'
    })
  }
})

if (window.localStorage) {
  netlifyIdentity.init()
}

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import Routes from "./Routes";
//node modules
import registerServiceWorker from "./registerServiceWorker";
import { unregister } from "./registerServiceWorker";
import { BrowserRouter as Router } from "react-router-dom";
import netlifyIdentity from "netlify-identity-widget";
netlifyIdentity.init();
ReactDOM.render(
  
    
  ,

  document.getElementById("root")
);

// registerServiceWorker();
unregister();

import netlifyIdentity from 'netlify-identity-widget'

// check for netlifyIdentity, redirect to admin if user is logging in
netlifyIdentity.on('init', user => {
  if (!user) {
    netlifyIdentity.on('login', () => {
      document.location.href = '/admin/'
    })
  }
})

if (window.localStorage) {
  netlifyIdentity.init()
  window.netlifyIdentity = netlifyIdentity
}

import React from 'react';
import netlifyIdentity from 'netlify-identity-widget';

netlifyIdentity.init({
  // TODO: figure out why this is not working
  namePlaceholder: 'Username',
});

export const CurrentUserContext = React.createContext({});

class CurrentUserContextProvider extends React.Component {
  state = {
    user: netlifyIdentity.currentUser(),
  };

  authenticate = ({ showSignup = false, onSuccess }) => {
    netlifyIdentity.open(showSignup && 'signup');
    netlifyIdentity.on('login', user => {
      this.setState({ user });
      onSuccess && onSuccess(user);

componentDidMount() {
    const { source, client, node = {} } = this.props;
    const user = netlifyIdentity.currentUser();
    let markdown = source;
    let rawObject = markdownToDraft(markdown);
    // See if we have a locally saved node
    // Saving triggers a server rebuild so we store data locally
    // to account for the delay
    client.query({ query: GET_NODES }).then(({ data: { nodes } }) => {
      const localNode = _.find(nodes, { id: node.id });
      if (localNode) {
        markdown = localNode.content;
        rawObject = markdownToDraft(markdown);
      }
      const editorState = createEditorState(rawObject);
      // If user logged in then show editor
      if (user) {
        this.setState({
          user,

const authLink = setContext((_, { headers }) => {
  // get the authentication token from local storage if it exists
  const user = netlifyIdentity.currentUser();
  const token = process.env.GATSBY_GRAPHQLCMS_TOKEN;
  // return the headers to the context so httpLink can read them
  return {
    headers: {
      ...headers,
      authorization: user ? `Bearer ${token}` : '',
    },
  };
});
const defaults = {

mounted () {
      netlifyIdentity.on('init', user => this.login(user))
      netlifyIdentity.on('login', user => this.login(user))
      netlifyIdentity.on('logout', () => console.log('Logged out'))
      netlifyIdentity.on('error', err => console.error('Error', err))
      netlifyIdentity.on('open', () => console.log('Widget opened'))
      netlifyIdentity.on('close', () => console.log('Widget closed'))

      netlifyIdentity.init()
      const userx = netlifyIdentity.currentUser()

      console.log('hi', userx)



    },