وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT 2023

سرفصل های دوره

Register, Login,6 Social logins, Forgot,Reset password, Send emails, form validation, protected routes w Deployment


1. Showcase
  • 1. Full Showcase

  • 2. Setup
  • 1.1 Full source code.html
  • 1. Create next app
  • 2. Setup tailwind css
  • 3. Setup Mongodb Atlas Cluster
  • 4. Connect to the database from our application using typescript
  • 5. Setup next auth and testing login process with github

  • 3. Next auth providers
  • 1. Setup Google Provider
  • 2. Setup Discord Provider
  • 3. Setup Twitter Provider
  • 4. Deploy our application and test providers on production mode
  • 5. Setup Facebook Provider
  • 6. Setup Auth0 provider
  • 7. Add user to database when sign in with a provider
  • 8. Session strategy database vs jwt
  • 9. Explaining callbacks and getting the provider name when sign in

  • 4. Home page
  • 1. Styling the home page part 1
  • 2. Styling the home page part 2

  • 5. Protected routes
  • 1. Protected routes with Next js middlware

  • 6. Authentification page
  • 1. Auth page setup and custom input
  • 2. Finishing custom input styles
  • 3. React Hook Form setup
  • 4. Adding zod for validation
  • 5. Email and phone number inputs and validation
  • 6. Password and confirm password inputs and validation
  • 7. Password strength validation
  • 8. Accept terms and conditions validation
  • 9. Show and hide password
  • 10. Adding the background and setup toastify and fixing some issues
  • 11. Register a user to the database
  • 12. After submit reset and loader

  • 7. Send emails, Activate account
  • 1. Setup the template
  • 2. Setup smtp accounts
  • 3. SendMail function with nodemailer and handlebars
  • 4. Sending email test with registeration
  • 5. Activate account

  • 8. Sign in, CrsfTokens, adding providers
  • 1. Sign in provider and switch between forms and backgrounds
  • 2. Sign in, csrfToken...
  • 3. Adding our custom providers

  • 9. Forgot, reset password
  • 1. Forgot password page and form
  • 2. Forgot password backend api
  • 3. Reset password - frontend
  • 4. Reset password api

  • 10. Deployment
  • 1. Deploy to vercel
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 9487
    حجم: 3103 مگابایت
    مدت زمان: 403 دقیقه
    تاریخ انتشار: 22 فروردین 1402
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید