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

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 دقیقه
    تاریخ انتشار: ۲۲ فروردین ۱۴۰۲
    طراحی سایت و خدمات سئو

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