Next.js App Router Authentication ( Cookies, JWTs)– Part 4.4 Epic Next.js Tutorial for Beginners
Let's see how to do auth in Next with HTTPonly cookies and JWT. Checkout the post for code snippets here https://strp.cc/3PELQUz
🚀 In today's React tutorial, we will take a look on how to set up next authentication using HTTPonly token. Whether you're a beginner or looking to upscale your Next.js and Strapi skills, this video is packed with actionable insights.
Topics Covered
How to implement user authentication in Next.js using Strapi as the backend.
The process of registering users and handling JWT tokens for secure sessions.
Handling errors gracefully with a custom Strapi errors component.
Managing HTTP-only cookies in Next.js for added security.
Enhancing UX with dynamic submit buttons and form status handling.
Remember to check out the complimentary article for all the code snippets you need! Let's get started.
Key Topics
How to instal Zod
Creating your first Zod schema
Using safeParse to validate our form data
Return errors via server action
Create error component to display our Zod errors
Whether you're just catching up or have been with us from the start, this lesson is packed with great tips to help you build your Next.js project.
Project repo on GitHub: https://strp.cc/49HdLeD
-----------------------------------------------------------------------------------------------------------------------
Resources
------------------------------------------------------------------------------------------------------------------------
Docs: https://docs.strapi.io/dev-docs
Strapi Events: https://strp.cc/events
Find help on Discord: https://strp.cc/discord-events
Find help in our Forum: https://strp.cc/40EvYp0
------------------------------------------------------------------------------------------------------------------------
Strapi
------------------------------------------------------------------------------------------------------------------------
Get started with Strapi: https://strapi.io
Strapi Cloud: https://strapi.io/cloud
Try the live demo: https://strapi.io/demo
Strapi Blog: https://strapi.io/blog
Strapi Starter Project: https://github.com/strapi/nextjs-corp... always, thank you for your continuous support