community-content icon indicating copy to clipboard operation
community-content copied to clipboard

[Request New Content] Strapi v4 Authentication with Remix

Open dessireugarte opened this issue 2 years ago β€’ 12 comments

My Request

Strapi v4 Authentication with Remix

Community vote πŸ‘ Upvote if you like this topic πŸš€ If you can make the article/video!

Thank you.

dessireugarte avatar Jun 20 '22 13:06 dessireugarte

Hey @dessireugarte @ShadaW11

This is awesome! ❀️ I'm interested in writing an article for this topic. I'll create an outline and share ASAP!

miracleonyenma avatar Jun 21 '22 10:06 miracleonyenma

Hey @dessireugarte @PaulBratslavsky

Here's my proposed outline for this topic:

Strapi v4 Authentication with Remix

Authentication is an integral part of any application with users, but setting up a complete authentication & authorization workflow from scratch will be incredibly time-consuming and unproductive unless in some unique cases. With Strapi, we have access to multiple authentication providers like Google, Twitter, etc. This enables us to easily set up authenticated requests to our Headless CMS API to fetch data or perform actions that are only available to authenticated and authorized users. Now we can quickly set up a robust authentication system for our application and focus on building.

In this article we’ll take a look at how we can setup a simple Remix application and implement user authorization and authentication with Strapi

Brief overview

This article will cover the concept of a Headless CMS, what Strapi is and how to set it up. We’ll also briefly dive into the concept of authentication and authorization and solutions with Strapi. Then, we’ll dive into how we can build the frontend using Remix and how we can implement authentication in a Remix application.

Goals

At the end of this tutorial, we would have covered how to add authentication to our Remix application with Strapi.

Outline

  • Brief introduction to Headless CMS
    • What is Strapi?
  • Authentication in Strapi
  • What is Remix?
  • Goals
  • Prerequisites
  • Set up Strapi
    • Create collection types
    • Configure Roles & permissions
  • Set up Remix
    • Add TailwindCSS for styling
  • Authentication in Remix
    • Authentication flow
  • Build the login page
  • Registration page
  • Logout Action
  • Authenticated User Dashboard
    • Validating authentication status
  • Set up password Reset functionality
    • Request password reset page
    • Create new password page
  • Conclusion
  • Further reading & resources

There you go, I'm looking forward to your feedback and suggestions ✨

miracleonyenma avatar Jun 22 '22 10:06 miracleonyenma

Hello @miracleonyenma πŸ‘‹ How are you doing? It looks good to me. I changed the status so you can get started! πŸ‘ Let us know when it's good for the review!

dessireugarte avatar Jun 23 '22 12:06 dessireugarte

Awesome! Sure!

miracleonyenma avatar Jun 24 '22 15:06 miracleonyenma

@miracleonyenma, any updates on this?

TiaraOluwanimi avatar Jul 04 '22 08:07 TiaraOluwanimi

Hello, @miracleonyenma. I need to confirm if you're working on this or if we should re-open it to other writers.

TiaraOluwanimi avatar Jul 12 '22 19:07 TiaraOluwanimi

Hey @TiaraOluwanimi, I apologize for the delay, I'm currently working on the draft and will be making a submission soon. Thanks.

miracleonyenma avatar Jul 13 '22 09:07 miracleonyenma

Hey @TiaraOluwanimi @dessireugarte @PaulBratslavsky I'm pleased to announce that the draft is ready πŸŽ‰

Here's the link to it in Dropbox Paper

Looking forward to the review! πŸ€ΈπŸΎβ€β™‚οΈ

miracleonyenma avatar Jul 20 '22 07:07 miracleonyenma

Awesome! Thanks @miracleonyenma πŸ‘ We will review the article and get back to you!

dessireugarte avatar Jul 21 '22 12:07 dessireugarte

Hello @miracleonyenma πŸ‘‹ Just wanted to let you know that your article will be published the second week of August so you can proceed to submit your invoice and get your payment.

dessireugarte avatar Jul 29 '22 15:07 dessireugarte

Hey @dessireugarte πŸ‘‹πŸΎ. That's awesome. Thank you so much.

I went ahead and created the invoice but wasn't able to submit it because the form seems to be closed? image

I got the link to this form from the FAQ section of the WFC page

Has the form been moved? What steps should I take to successfully submit my invoice?

Thanks in advance. ✨

UPDATE Used this link from my previous submission instead and it works image

miracleonyenma avatar Jul 30 '22 05:07 miracleonyenma

we'll update the link on the WFC page, thanks for the heads up. Also, processed your invoice πŸš€

malgamves avatar Aug 08 '22 08:08 malgamves

Hello @miracleonyenma πŸ‘‹ Your article is live! πŸŽ‰

Since you already submitted your invoice, you will soon receive your payment. Feel free to reach out if you have any questions!

dessireugarte avatar Aug 17 '22 09:08 dessireugarte