16. Code trang Register với Next.js, Shadcn UI, React Hook Form, Zod
ฝัง
- เผยแพร่เมื่อ 8 ก.พ. 2025
- Video hướng dẫn code trang register này khá là dài nhưng mình hy vọng nó sẽ giúp ích được cho các bạn. Trong này mình có sử dụng ShadCn UI, React Hook Form và Zod để code cho nó nhanh.
🎥 Mình đã có khóa Next.js Super trả phí: duthanhduoc.co...
📕 Đây là link github khóa học Next.js Free, các bạn không cần phải submit email nữa: github.com/dut...
Tặng các bạn Voucher giảm giá 100k khi mua khóa học tại edu.duthanhduoc.com: TH-cam
✉️Các bạn có thể tìm mình qua các kênh sau:
✅ Page Được Dev: / duocdevofficial
✅ Facebook cá nhân: / duthanhduoc
✅ Website: duthanhduoc.com/
✅ Email: duthanhduoc@gmail.com
✅ SĐT: 0768 447 467
🔥Hiện tại mình có các khóa học về React.js, Node.js, Next.js, các bạn có thể vào website edu.duthanhduo... để mua
#duocdev #duthanhduoc #nextjs #reactjs #shadcn
trong file .env của folder server có giá trị COOKIE_MODE=false, các bạn chuyển thành true thì nó sẽ set cookie nhé
🎥 Mình đã có khóa Next.js Super trả phí: duthanhduoc.com/courses/nextjs-super
📕 Đây là link github khóa học Next.js Free, các bạn không cần phải submit email nữa: github.com/duthanhduoc/nextjs-free
a ơi chỗ 17:42 làm sao để nó hỗ trợ gợi ý hiển thị className như anh nhỉ
phần dưới a có viết lại về logic đăng nhập không anh. hay a viết sẵn đâu đó r giờ a fetch lại thôi ạ
logic backend anh viết sẵn rồi em
anh ơi anh không có hướng dẫn tạo server hả anh
7:02
Theo a nghĩ quản lí state thì dùng redux hay zustand ngon hơn a
Zustand
@@duocdev mình chọn mua khoá học NEXTJS vì có điểm đặc biệt ở khoá của bạn là dùng Zustand đó. Mình theo chủ trương dùng cái gì gọn, nhẹ mà hiệu quả phần lớn xác bài toán. chứ dùng redux nó cảm giác phức tạp kinh.
@@thuannguyenuc8641 chính xác luôn. Cứ combo zustand và tanstack query mà quốc thôi 😎
"Quá ngon luôn mọi người ơi!!!"
Nếu như mà trong file .env nếu thêm tất tiền tố NEXT_PUBLIC thì có sử dụng nó trên môi trường server được không mn nhỉ?
Được nhé
state management xài zustand đi anh :)
Chắc sẽ thêm vào trong khoá có phí, chứ khoá này dạy all thì tốn tg quá
cái form phải oke hết thì cái confirmPassword mới được validate à bạn
validate cùng lúc bạn
@@duocdev hong biết mình setup sao mà mới đầu vào chỉ nhập password và ấn submit thì form chỉ validate những fields còn lại không validate confirmPassword.
Sao đó mình nhập đầy đủ thông tin trừ confirmPassword và nhấn submit, lúc này confirmPassword mới hiện lỗi
@@dhliem nó phụ thuốc zod schema của bạn. Bạn có thể thay thế hoặc sửa đổi chiến lược validate dựa vào nó
trong register page anh quên chưa xoá 'use client' trên top file kìa anh
Nếu quên thì em xóa giúp anh :))
Sao em register xong lại k có mục set cookie nhỉ
trong file .env của folder server có giá trị COOKIE_MODE=false, các bạn chuyển thành true thì nó sẽ set cookie nhé
@@duocdev Em cảm ơn ạ
api call như này dài dòng quá anh, a ko custom folder api để gọi vào anh ơi
Khoá free đó b ơi, khoá mất phí khác chứ, b theo dõi lâu sẽ biết 😂
Chưa đó em 😀