Headless WordPress: User Registration with ReactJS & WPGraphQL

How I built the user registration form in a ReactJS app using WordPress and WPGraphQL

  1. Headless WordPress: Cookie Based Login using GraphQL
  2. Headless WordPress: Log-out using GraphQL & ReactJS
  3. Headless WordPress: Password Reset with ReactJS & WPGraphQL
  4. Headless WordPress: User Registration with ReactJS & WPGraphQL

Our account system is taking shape now that we have login, logout, and password reset implemented. Next we need to handle user registrations!

Lucky for us, WPGraphQL provides us with a user registration mutation we can use out of the box.

Continue reading “Headless WordPress: User Registration with ReactJS & WPGraphQL”

Headless WordPress: Password Reset with ReactJS & WPGraphQL

How I built the password reset system in a ReactJS app using WordPress and WP GraphQL

  1. Headless WordPress: Cookie Based Login using GraphQL
  2. Headless WordPress: Log-out using GraphQL & ReactJS
  3. Headless WordPress: Password Reset with ReactJS & WPGraphQL
  4. Headless WordPress: User Registration with ReactJS & WPGraphQL

Previously I demonstrated how we can log in to a WordPress site from a headless app using cookies, and how to handle logging out—this also covered setting up Apollo Client with React. In this post I’ll show how to build a password reset form!

Continue reading “Headless WordPress: Password Reset with ReactJS & WPGraphQL”

Headless WordPress: Log-out using GraphQL & ReactJS

Creating a logout system for a ReactJS app using WordPress and WP GraphQL

  1. Headless WordPress: Cookie Based Login using GraphQL
  2. Headless WordPress: Log-out using GraphQL & ReactJS
  3. Headless WordPress: Password Reset with ReactJS & WPGraphQL
  4. Headless WordPress: User Registration with ReactJS & WPGraphQL

In my last post I showed how we can log into a WordPress site from a headless app using GraphQL and cookies.

In this post we’ll create a log-out mutation in GraphQL, and a custom React Hook to utilise it. I’ll be using Apollo Client to make the actual API calls.

Continue reading “Headless WordPress: Log-out using GraphQL & ReactJS”

Flame Nebula (NGC 2024) and Horsehead Nebula in the constellation Orion. This is an integration of 35x180s exposures at ISO 800 with a Nikon Z7ii and a Skywatcher Esprit 100 on a HEQ5 mount. Stacked in AstroPixelProcessor.

via Instagram https://instagr.am/p/CMGQxclpm1N/

Headless WordPress: Cookie Based Login using GraphQL

How I created a login system for a ReactJS app using WordPress and WP GraphQL

  1. Headless WordPress: Cookie Based Login using GraphQL
  2. Headless WordPress: Log-out using GraphQL & ReactJS
  3. Headless WordPress: Password Reset with ReactJS & WPGraphQL
  4. Headless WordPress: User Registration with ReactJS & WPGraphQL

For a fun learning & experimentation project, I’ve been building a Dungeons and Dragons character generator. The frontend is built using React JS and deployed to Netlify, and the backend is powered by WordPress and WP GraphQL.

I could have tried using a serverless database such as FaunaDB, but I chose WordPress because of familiarity, what it gives you for free, and it’s flexibility when combined with WP GraphQL. I did however need to build a login system. To do this I created a GraphQL login endpoint, and handled user sessions using Cookies.

Continue reading “Headless WordPress: Cookie Based Login using GraphQL”

Red skull! The Rosette Nebula (NGC 2244). Stack of 20 exposures 3 minutes long at ISO 1600. Stacked in AstroPixelProcessor, and edited in Photoshop. I used a SkyWatcher Esprit 100 telescope on a HEQ 5 Pro tracking mount, and the Nikon z 50.

First attempt at the Pinwheel Galaxy, M33. Only managed to get 10 usable lights because of dew and clouds. Next time I’ll have a heater! 10x300s exposures at iso 1600.

Pleiades M45 last night. Moon was out, so hard to get detail! 🔭

Loading...