This chapter explains how to implement authentication to our frontend when we are using JWT authentication in the backend. At the beginning, we switch on security to our backend to enable JWT authentication. Then, we create a component for the login functionality. Finally, we modify our CRUD functionalities to send the token in the request's Authorization header to the backend.

In this chapter, we will look at the following:

• How to create a login functionality on our frontend
• How to implement conditional rendering after authentication
• What is needed for CRUD functionalities when the JWT authentication is enabled
• How to show messages when authentication fails