#1. NextJS Là Gì mà HOT vậy ? | Tự Học Next.JS Cơ Bản Cho Beginners với React và Typescript
Trong video này, chúng ta sẽ cùng nhau đi tìm hiểu Next.JS là gì, tại sao nó lại phổ biến như vậy ?
Liệu rằng Next.js nên làm frontend hay backend ?
Nếu xét về kiến trúc của Next.js, bạn có thể làm fullstack website với nó, tức code được cả frontend lẫn backend.
Vì suy cho cùng, do Next dùng môi trường Node.js, nên điều này là hoàn toàn khả thi.
Tuy nhiên, trong thực tế, ít khi người ta làm vậy.😴
Nguyên nhân có thể kể đến như:
1. Kiến trúc của Next thiên về frontend (từ cách thiết kế, thậm chí là document của nó).
Nếu bạn để ý kĩ, phải tới 99% các topic nói về Next, đều là làm sao để sử dụng tốt React với Next.js
Vậy câu hỏi đặt ra, nếu nó hỗ trợ tốt cho backend, tại sao không hướng dẫn ???
2. Việc bạn dùng backend như nào với Next.js, là do bạn "tự quyết định".
Từ việc chọn công nghệ nào, hay tổ chức kiến trúc ra làm sao.
Nếu bạn cần tự làm, vậy tại sao chúng ta lại cần "framework" ?
3. Xét về yếu tố "an toàn - security", bạn dùng nextjs as backend, có nghĩa rằng bạn đang public hệ thống ra ngoài internet.
Có rất nhiều rủi ro, khi backend (kết nối tới database) là thứ quan trọng nhất.
_------_
Ở đây, chúng ta dùng Next.js là server (vai trò của backend) với mục đích:
1. render page ở server với React.
2. forward request tới server khác (phần này nhiều bạn nhầm tưởng nó làm backend "thực thụ").
có nghĩa là nextjs như fetch apis. nó hứng kết quả từ apis để render dữ liệu.
còn apis hoạt động như thế nào, viết ra làm sao, nó không quan tâm và cũng không kiểm soát
🌹Bạn nào muốn donate hay mua cho mình cốc cà phê, cái pizza hay chỉ là gói mì tôm hảo hảo, dùng link này nhé: hoidanit.com.vn/donate
Nội dụng video:
0:00 Giới thiệu
0:25 Nextjs là gì ?
1:07 Nextjs để code React
2:00 Tại sao cần React ?
4:30 Nextjs làm frontend hay backend ?
7:30 Nextjs làm backend thì sao ?
8:05 Vấn đề bảo mật của Nextjs khi làm Frontend
10:10 Tổng kết
🤩Trở thành "HỘI VIÊN" để NHẬN THÊM NHIỀU V-I-P QUYỀN LỢI, ĐĂNG KÝ TẠI ĐÂY:
🤝 / @hoidanit
🌎 Tìm mình tại đây:
1. Facebook Fanpage (Tiếng việt): / askitwitheric
2. Facebook Fanpage (Tiếng anh): / haryphamdev
3. Group trao đổi học tập Facebook: / hoidanit
4. Github: github.com/haryphamdev
5. KZread channel: / @hoidanit
6. Email: ads.hoidanit@gmail.com
ĐỪNG QUÊN NHẤN CHUÔNG 🔔 ĐỂ NHẬN CẬP NHẬT VIDEO MỚI NHẤT CŨNG NHƯ ► ĐĂNG KÝ KÊNH! ► bit.ly/31P4KhK
#hoidanit #react #nextjs
Пікірлер: 70
🌹Bạn nào muốn donate hay mua cho mình cốc cà phê, cái pizza hay chỉ là gói mì tôm hảo hảo, dùng link này nhé: hoidanit.com.vn/donate Download tài liệu khóa học: drive.google.com/file/d/1rcHTssLpntLjQ_dBuKgD_eJWaAc97XhK/view?usp=sharing Đây là video #1 trong series "Tự Học Next.JS Cơ Bản Cho Beginners với React và Typescript". Xem full playlist này tại đây: kzread.info/head/PLncHg6Kn2JT6zw4JiFOE1z90ghnyrFl5B 👉Facebook Fanpage (Tiếng việt): facebook.com/askITwithERIC 👉 Cần giải đáp thắc mắc, cũng như hỗ trợ, tham gia group Facebook : facebook.com/groups/hoidanit
hay quá a ơi hóng series này của a từng ngày
@hoidanit
Жыл бұрын
ahihi :v
Mình rất thích series về NextJS, cảm ơn chủ kênh đã chia sẻ.
@hoidanit
Жыл бұрын
cảm ơn bạn đã ủng hộ. series này sẽ còn tiếp tục bạn nhé.hehe
Mới biết đến kênh anh từ hôm qua mà thấy anh chia sẻ kiến thức hay quá
@hoidanit
Жыл бұрын
cảm ơn bạn đã ủng hộ.hehe
Tuyệt quá bạn, mình đánh giá cao khả năng seo google của next js, thêm php nữa thì seo càng tốt
@hoidanit
Жыл бұрын
cảm ơn bạn đã ủng hộ :v
Video mang lại cho mình cảm hứng học lại frontend sau bao năm vùi đầu java backen thank ad
@hoidanit
6 ай бұрын
you're welcome :v
tôi không ném gạch, tôi ném đá..... :3 video làm rất chỉn chu, dễ hiểu, đào sâu bản chất của framework, giải thích rõ ràng, rành mạch, các biểu đồ minh hoạ khá là chi tiết. rất ổn cho tôi đang động lại vào frontend sau 3-4 năm. +1 like và respect.
@hoidanit
11 ай бұрын
cảm ơn bạn đã ủng hộ :v
Hóng thật sự
@hoidanit
Жыл бұрын
lót dép thôi bạn.hehe
Hóng video tiếp theo series này a ơi !!!
@hoidanit
Жыл бұрын
bạn xem theo playlist nhé. còn chắc tuần sau sẽ ra tiếp video, vì mình cần đăng hết khoá thực hành react đã :v
@khanhhoang2710
Жыл бұрын
@@hoidanit e tuong mua moi xem dc video an
@hoidanit
Жыл бұрын
khoá này free bạn nhé
quả intro hoành tráng quá anh ơi
@hoidanit
Жыл бұрын
ahihi :v
nhớ hồi coi js của anh năm đầu năm ngoái mới thấy mấy k sub giờ lên hơn 30k rồi video cũng chất lượng chỉnh chu hơn rồi
@hoidanit
Жыл бұрын
khi lượng subs tăng lên, áp lực cũng tăng lên mà e. làm cho 1k xem khác với 30k chứ. với lại, trải qua thời gian, phong cách nó cần hiện đại hơn chứ. chỉ có đi lên, ko có đi xuống.hehe
Em đã học hết các khóa học trên udemy của anh và đang lót dép chờ up skills mới
@hoidanit
Жыл бұрын
e học typescript và cuối tháng ra mắt nestjs trước e nhé :v
@taynguyenduongchanh1575
Жыл бұрын
@@hoidanit chờ khoá java spring của bro, chắc cuối năm nhỉ
@hoidanit
Жыл бұрын
@@taynguyenduongchanh1575 đúng bạn nhé
intro đẹp qúa a :D
@hoidanit
Жыл бұрын
cảm ơn bạn đã ủng hộ :v
Chào anh, các video chia sẻ kiến thức của anh thực sự rất hay và bổ ích, ngoài việc học trên trường em rất thích xem video của anh vì nó rất thực tế, em học react trên kênh anh và hiện giờ đang làm fresher cho 1 cty, thì vào làm thì cũng làm nextjs nhưng hiện giờ em dùng nó không khác gì react cả khác mỗi routing :)) (nhưng mà bản cập nhật gần đây cách routing có chút thay đổi nhẹ, không biết khoá học này anh có cập nhật không ạ), không biết trong khoá học này anh sẽ chia sẻ những kiến thức gì ạ.
@hoidanit
Жыл бұрын
khóa này a dùng next 13 ( với app structure). cách học là đọc theo tài liệu của next.js e nhé (vì đây là khóa cơ bản)
@hoidanit
Жыл бұрын
e dùng ko khác gì react thì đa phần dùng CSR. còn với next 13, nó hướng mình dùng server render => gần như react chẳng làm bn cả.haha
a ơi ngoài lề chút là cái storybook có sử dụng nhiều trong các dự án thực tế không ạ?
@hoidanit
Жыл бұрын
storybook nào e ơi. gửi a link xem nào :v
Sau này anh có dự định làm khóa dạy Spring ko ạ?
@hoidanit
Жыл бұрын
cái này cuối năm nay (nếu đúng kế hoạch) là sẽ ra java spring e nhé. e cần học trước java :v
Dạ cho em hỏi sao series lại bị ẩn 10 video vậy anh
@hoidanit
11 ай бұрын
chưa ra thôi bạn. cứ bình tĩnh :v
nên học next js hay express js ở thời điểm hiện tại vậy anh
@hoidanit
6 ай бұрын
bạn học cả 2 bạn ạ. vì nextjs là frontend, còn express là backend
Khi nào đăng video nestjs á a
@hoidanit
Жыл бұрын
nestjs có rồi. cơ mà học trả phí e nhé. e quan tâm thì inbox fb cho a: facebook.com/askitwitheric
WHAT THE HEO REACT TUI HỌC CÒN CHƯA XONG NÓ RA NEXTJS , THÔI T VỀ NUÔI HEO ĐÂY GOOODBEY AE IT
@hoidanit
11 ай бұрын
liên quan gì đâu bạn. mỗi cái đều có ưu và nhược điểm của nó, và phục vụ các loại dự án khác nhau
next-auth có cần học ko anh
@hoidanit
Жыл бұрын
có bạn nhé. phần này khóa basic này mình ko cover. cơ mà đi làm là có sử dụng :v
Nếu chưa biết ReactJs mà mình muốn học Nextjs có được không add? cần lưu ý những điều gì khi muốn học nextjs? cảm ơn add nhiều.
@hoidanit
10 ай бұрын
ko bạn nhé. bắt buộc biết react thuần trước khi học nextjs, nếu ko bạn sẽ bị tàu hoả nhập ma á :v
@AriesTu108
10 ай бұрын
@@hoidanit bởi vì mình biết javascript, typescript và đang làm về react native chứ không làm thuần react bên web, vậy là mình cần học react trước khi học khóa này à? cảm ơn add đã phản hồi!
@hoidanit
10 ай бұрын
vậy có lẽ bạn học đc luôn ấy. vì mindset của react nó như nhau và. learn once, write everywhere
@AriesTu108
10 ай бұрын
@@hoidanit cảm ơn add nhé, add có nhận mentor riêng cho học viên ko?
@hoidanit
10 ай бұрын
ko bạn. bạn có thể các khoá udemy của mình. trong tháng 10 tới mình có ra nextjs đấy :v
thằng nextjs này mình dùng nextauth vs prisma thực hiện đăng ký đăng nhập đc luôn mà k cần phải code backend phải k anh
@hoidanit
Жыл бұрын
đấy là forward đi mà bạn. với lại prisma là thư viện kết nối database, bạn cần code thêm model, services... như vậy cái next project của bạn bị phình lên rất nhiều. chưa kể tới sau này bạn thêm tính năng cho backend thì nó còn phình nữa.haha
@hoidanit
Жыл бұрын
bạn cần code thêm backend nhé. chứ prisma hay nextauth nó đâu làm hộ bạn đâu
@user-yt5pl9jr3y
Жыл бұрын
@@hoidanit dạ kiểu như em chưa học backend mà mình dùng 2 thằng đó vẫn đăng ký đăng nhập đc á anh
@hoidanit
Жыл бұрын
nó là forward (chuyển tiếp ấy). tức là nó ko xử lý gì đâu e. nó chỉ là đứa hứng kết quả thôi. e hình dùng như này cho đơn giản nhé. nếu next auth làm cái đăng nhập, nó sẽ gửi cái username/password e có lên github/facebook/hoặc server thứ 3 của em => nextjs nhận lại kết quả để hiển thị. chứ nó đâu có làm việc truy vấn database đâu :v
@hoidanit
Жыл бұрын
a khuyên chân thành là e nên học backend, như vậy control được nhiều cái. chứ phụ thuộc vào người khác bất tiện lắm (dùng hàng free ấy). tự viết, tự control. làm gì cũng được. đang có time thì nên học thêm vào, vì đi làm người ta sẽ làm vậy
Có ra khóa làm web bán hàng với next js ko anh ?
@hoidanit
Жыл бұрын
hiện tại mình ko bạn nhé. phần nextjs này chỉ học basic thôi. vì nếu làm full website như bạn, là học fullstack, sẽ cần backend nữa
@ittramcam
11 ай бұрын
coi mấy kênh nước ngoài có ấy bạn
Bh đi pvan gặp câu React hiện tại ver mấy, có gì mới, ko nói dc quả NextJs là hẹo ngay kk
@hoidanit
Жыл бұрын
bạn có thể né mà. kiểu như trả lời bạn dùng version bao nhiêu chẳng hạn => người ta sẽ dựa vào đấy để hỏi "cái bạn đã biết", để xem xem bạn "hiểu sâu" đến mức nào. chứ có ai ép phải biết cái mới nhất đâu (vì chắc gì cty đấy đã dùng version mới nhất :v)
@manhhungtran1558
Жыл бұрын
@@hoidanit Bữa e pvan bên NAB hỏi dị đó a, kkk ngta bắt trả lời cho đúng ấy, e có coi mấy cái short của a nên trả lời dc. Bh tuyển y/c nhiều lắm à, mấy cái nhỏ nhặt ko lquan gì cũng để phân biệt
BE thì sao anh em đã học xong khóa epress của anh
@hoidanit
Жыл бұрын
vậy thì e học mongodb, express (cái này khóa trả phí restful api) qua tháng a ra mắt Nest.js (dùng typescript). version trả phí. chỉ có next.js cơ bản này là free e nhé chi tiết e tham khảo tại hoidanit.com.vn/
@lamvo1658
Жыл бұрын
@@hoidanit em học xong cái khóa trả phí restful API epress monggodb đó anh :))
@hoidanit
Жыл бұрын
@@lamvo1658 vậy e học typescript cơ bản. cuối tháng này a mở pre-order khóa Nest.JS backend e nhé