[SUBMIT] Build a Password Generator with Webiny and NextJS

[divofred]

Introduction

Passwords are essential as they shut off unauthorized users from a particular resource. Having a strong password can stop hackers from easily guessing or brute forcing their way into your account. Brute forcing a 10 character password using a supercomputer, comprising upper/lowercase letter, numbers and symbols, can take up to 1000+ years.
This means that the longer and more complicated the password is, the harder it is to gain access to the resource.
Follow through with this article and learn how to generate strong passwords using NextJS and Webiny.

Goals

This article will help you understand the Webiny Headless CMS and the logic behind the generating of a strong password.

Overview

In this tutorial, we will make use of Webiny's Form Builder and Headless CMS feature.
The form builder will be used to specify what kind of password the user would need. Example, passwords that will either contain uppercase letters, numbers or special characters.
Then we will store the Generated password in the Headless CMS.

Outline

• What is a Headless CMS?
• Why use Webiny CMS?
• Prerequisites
• Getting started with Webiny
• Setting up the frontend
• Creating the password generating functionality
• Conclusion
• Resources