Розмір відео: 1280 X 720853 X 480640 X 360
Показувати елементи керування програвачем
Автоматичне відтворення
Автоповтор
ช่องคุณภาพ❤ ผมดูมาเยอะ ให้ช่องนี้ที่1เลย เตรียมข้อมูลดีมาก พูดไม่ยืดเยื้อ มีแฝงอารมณ์ขัน เนื้อหาน่าสนใจ หลายๆคลิปผมดูไปชมไป สุดยอดจริงๆจากใจครับ
ขอบพระคุณที่เข้ามารับชมอย่างยิ่งเช่นกันครับ 😁
เห็นด้วยครับ
ชอบมากครับ บันเทิงดี ยิ่งดู x1.5-x2 ยิ่งมัน ขอบคุณมากๆ นะครับ
คุณเป็นคนแรกเลยนะ ที่ดูความเร็วใกล้เคียงกับคนตัดต่อ 😆
ของไทยเราได้แค่1.5x อีกหูนึงฟังคลับเฮ้า แต่ถ้าคลิปฝรั่ง2x ดูเอาhint +คลับเฮ้า
เป็นช่องที่ฟังเพลินมากเลยครับ สอนเข้าใจง่ายได้ใจความดีมากเลยครับ
ทำไมเพิ่งมาเจอช่องนี้ !!!!! กราบงามๆเลยครับ อธิบายมันส์มาก และความรู้เนื้อๆทั้งนั้น ช่องคุณภาพของจริง 👍👍
ขอบคุณที่ชื่นชอบนะครับ
ถึงแม้ว่าพูดเร็วไปหน่อยก็ได้ความรู้เต็มอิ่มจุก ๆ เลยครับ ขอบคุณครับ
เป็นช่องที่อธิบายดี ละเอียด และสนุกมากๆครับ ทำอีกเยอะๆนะครับ
ขอบคุณครับ ผมเริ่มจาก 0 ดูคลิปนี้วนๆไม่รู้กี่รอบ ตอนนี้ขึ้นโปรเจคได้และขายงานได้ภายใน 2 เดือน ขอบคุณสำหรับความรู้ครับ 🙏
แจ๋ว ได้ยินแบบนี้ชื่นใจครับ 😆
@@mikelopster 😍😍😍
สรุปเนื้อหาดีมากครับ กระชับ เนื้อเน้นๆ ฟังไม่ง่วงด้วย ดีมากครับ
อธิบายดีมากเข้าใจง่ายจัดๆ อยากเห็นทำเรื่อง DevOps หรือ DevSecOps เลยครับ ปล.แอบชอบความแมวในทุกองประกอบมากน่ารัก~~~~~
ขอบคุณครับ พูดเร็ว และ มีประโยชน์มากครับ ไม่ลีลา ติดตามแล้วครับ
ค้นคว้าข้อมูลมาดีมาก สรุปได้ง่าย ชัดเจน ไม่เยิ่นเย้อ ขอบคุณความรู้ดีๆ
เป็นช่องที่ดีและมีสาระมากครับ อยากให้ทำกลุ่มสำหรับพูดคุยด้วยครับ ขอบคุณครับ..
ขอให้ทำเนื้อหาของ NextJS ออกมาเรื่อยๆ เยอะๆ นะครับ ถือว่าเป็นภาษาที่ดีและน่าจะเป็นที่นิยมอย่างมากแน่นอนครับ
เป็นช่องที่ดูเเล้วต้องกดติดตาม คุณภาพมากครับ
ขอบคุณครับ อธิบายกระชับ เข้าใจง่ายมากครับ
ช่องอะไรคับเนี้ยยยย ดีโคตรรรร แน่น กระชับ ได้ใจความสุด ขอบคุณครับมีประโยชน์มากๆ
โึครตเด็ด!! จากใจ กระชับได้ใจความ สมอง ทำงานไม่มีพัก 😂!!!
อธิบายละเอียดมากครับ ใช้มา6เดือนพึ่งรู้ว่า layout ใช้ให้ถูกวิธียังไง😂
เนื้อหาดีมากเลยครับ อิ่มๆเลย :)
ดูจบเเล้วครับรอมานานมากครับ ดูตั้งเเต่คริปแรกๆ ดู vue ยังไม่จบครับ react มา next มาต้องดู next ให้จบเเล้วครับชอบช่องนี้มากๆ ครับ รอดูอยู่ครับบ😅😅😅
และที่สำคัญคือชอบปกคริปสุดๆ5555 แมวทุกคริปป
กว่าจะ prompt ได้แต่ละรอบ บางทีก็ไม่ใช่เรื่องง่าย 😂
@@mikelopster รอชมทุกคริปครับบบ (รอดูแมว5555)😄😄😄
ชอบนะครับ พูดจาฉะฉาน เหมือน เมาท์มทอยในวง สนทนาดี 555
ขอบคุณมากๆ นะครับผม ติดตามๆ เลยค้าบบ
อธิบายดีมากๆ สนุกด้วยครับ
ขอบคุณมากกกครับ อาจารย์😮😮😮😮😮😮😮😮
เยี่ยมจริงๆ เนื้อหาดีมากครับ
ขอคำแนะนำหน่อยครับระหว่างทำnext.js ทั้ง font-back กับการทำ next.js font และ ใช้ nest.jsหรืออื่นๆเป็น back แบบไหนดีกว่า และมันเหมาะกับงานแบบไหนของการทำแต่ละแบบ
ขอบคุณครับ รักษาสุขภาพด้วยนะครับ🥰🥰
ขอบคุณมากนะครับ 😁
ปรับความเร็ว 0.75 คือเหมาะสำหรับมืิอใหม่ที่สุดครับ 55555 สมองรันตามไม่ทัน
เนื้อหาดีมากครับ ขอบคุณสำหรับความรู้
ชอบมากครับ อธิบายได้กระชับและฟังง่ายฟังเพลินดีคับ👍
พี่ไมค์ๆทำเป็น fullstack ซีรีย์แบบเดียวกับ vue firebase master classหน่อยครับ หลังจบ go ก็ได้นะครับไมติด😂😂เอาจริงๆผมชอบซีรีย์เรียนวันเสาร์พี่มากนะครับทำต่อไปนะครับผมจะได้มีprojectเข้าportfolioเพิ่ม
ok เดี๋ยวพี่ขอหาไอเดียก่อน 😂
อยากได้ลงลึกของ nextjs อีกครับ ขอบคุณมากครับบ
อยากได้หัวข้อไหนของ next.js เป็นพิเศษไหมครับ 😁
พัฒนาร่วมกับAuthentication : NextAuth Ui : Shadcn/ui + RadixUiValidation form : react hook form + zodหน่อยครับ
สอนดีมากเลยครับ แต่พอดีผมเขียนแบบ typescript เหมือนผมจะติดตรงเวลามีการ set cookies แล้วจะมีอาการ input field หน้า login มัน clear เองทั้ง email และ password ครั้งแรกที่ใส่ค่าถูกต้อง และตรง message ก็ได้ state ' ' ผมต้องตรวจสอบตรงไหนเพิ่มเติมหรอครับ ถ้าไม่ set cookies อาการนี้ไม่เกิดขึ้นเลยขึ้น login success
น่าจะเกี่ยวกับ state น้า ลอง recheck code ส่วนของ state ดู ปกติ ไม่ว่าจะเป็น js หรือ ts action การทำงานมันจะเหมือนกันเป๊ะๆเลย แค่ ts มี type มากำกับน้า
@@mikelopster โอ้ววขอบคุณครับเดะผมจะลองไปเช็คดู
อยากให้สอน deploy nextjs บน digital ocean หน่อยครับ
อธิบายดีงามมากครับ
มาเเล้ววว❤
สุดยอดมากครับ เนื้อหาแน่นกระชับ ตอนจบแอบอยากได้ build เป็น docker images ไปใช้งาน ว่าต้อง build แยกไหม client, server ถ้ามีโอกาสได้ขึ้นโปรเจคใหม่ next.js แน่นอนครับ
เดี๋ยวไว้ผมอาจจะหยิบมาเล่าน้า แต่พูดแบบเร็วๆมันคือ image nodejs นั่นแหละ เพียงแต่- ถ้า ไม่แยก client กับ server = image nodejs อันเดียว ใช้ร่วมกัน (เป็น SSR ร่วมกัน)- ถ้า แยก client กับ server = build เป็น 2 image ส่วนฝั่งของ client ก็อาจจะใช้เพียง nginx ในการ run หน้าเว็บออกมาได้
รอซีรีส์ยาวว❤ //รอบหน้าขอลองเพิ่ม dead air ให้หน่อยได้มั้ยครับ คัทชนแบบปัจจุบันนี้ ผมว่ามันไวไปไปนี๊ดนึงง หรืออยากให้เพิ่มจังหวะเว้นให้คิดตามหรือเขียนตามได้นิดหน่อยอะไรงี้อะครับ แต่ที่เหลือคือ the best!!
ขอบคุณมากนะครับบ เดี๋ยวผมรับไว้พิจารณาน้า 😁
@@mikelopster ชื่นชมงับ เดี๋ยวต้นเดือนมาซับรายเดือนให้เพิ่มครับ
@@Arona-nm8hl ขอบคุณที่สนับสนุนกันมากๆเลยนะครับ 🙏
ดูมาหลายคนมากๆ แต่คนนี้คือที่สุดจริงๆทั้งน้ำเสียง ท่าทางการอธิบาย เหมือน 9arm เลย แต่ดูเรียบง่ายกว่า
ขอบคุณมากครับ 9arm นี่ช่องโปรดผมเลย 😂
อยากให้พี่ทำคลิปแบบ การเริ่มต้นในการมาสาย dev ของพี่ด้วย อยาดฟังประสบการณ์และแนวทางในการเรียนด้วย❤
มีโอกาสมาเล่าสู่กันฟังแน่นอน 😁
ขอบคุณครับ ได้ความรู้มากๆ
ชอบมากเลยคับ อธิบายสนุกมาก
32:14 กำลังสงสัยว่า Server Component อยู่ฝั่ง server ทำไมถึงใช้ fetch ได้ ทั้งๆที่ fetch เป็นคำสั่งที่ทำงานฝั่ง client
คำสั่ง fetch ใช้ได้ทั้ง Server และ Client น้า เป็นมาตรฐานคำสั่งของ javascript ที่ใช้ได้ทั้ง 2 ฝั่งในการยิง request ออกไปด้านนอกนะครับ
ผมซึ่งกำลังงม อยู่กับตัว Server เพื่อใช้รัน Next.js :)
โครตดีครับ ทั้งจังหวะการอธิบาย หรือ example เป็น 1 ชั่วโมงที่ลื่นสุดๆ
บอกแล้ว next อ่ะของดี 😁
สอนดีมากครับ รบกวนสอนการใช้ daisyui หน่อยครับ
daisyui ลองดูพื้นฐานการใช้งานจากคลิปนี้ก่อนได้น้า อันนี้เป็นฉบับ Vue ก็จริง แต่วิธีใช้งานไม่ต่างกันนะครับ 😁ua-cam.com/video/1VC8ps7EI18/v-deo.html
และแล้วก็เข้าร่วมเป็นหนึ่งใน React community ซะแล้ววว
ผมอุทิศหัวใจดวงเดียวให้ React เสมอ 😂
พัฒนาร่วมกับใช้ Ant Design หน่อยครับ
น่าสนใจ ผมยังไม่เคยลองนะ เดี๋ยวขอลองไปเล่นก่อนนะครับ 😁
กระจ่างมาก ขอบคุณครับ
ภาพปกคลิปแมวสวยจังครับ แบ่งปันหน่อยได้มั้ยครับ จากใจทาสแมวคนหนึ่ง555
แมวทุกตัว เกิดจากการใช้ ChatGPT 4 generate ภาพหมดเลยย 😂 แนะนำถ้าอยากได้ทรงๆนี้ให้เพิ่ม "anime cat" ลงใน prompt ที่สร้างภาพขึ้นมาครับ แล้วใส่รายละเอียดลงไป จะได้ภาพทรงๆนี้ออกมาได้ครับ
คุณภาพมากครับ
อิอิ รอมานานแว้ววว
ของดี ขอบคุณมากครับ
เยี่ยมมากคั
อธิบายเรื่องยาวๆให้เข้าใจง่ายๆได้ดีมากเลยครับชื่นชม✌
ยกให้เป็นเนื้อหาที่โครตรดีสำหรับ Next.js ที่ได้เรียนรู้ในปีนี้เลยครับ
ขึ้น error ตรงทำหน้า actiion login ครับkey for the H 256 algorithm must be one of type KeyObject
แชร์จุด code ที่มีปัญหาเพิ่มเติมได้นะครับ
ปกติ next จะ โลหดจาก server ทุก page แล้วส่งไปที่ client หรือว่า จะโหลด เฉพาะ page ที่ request อะครับ ขอบคุณครับ ผมติดตามพี่แทบทุกคลิปเลยครับ
ปกติหลักการของ Next คือ- ถ้า page เป็น Server component = load จาก server ก่อนแล้วไป client- ถ้า page เป็น Client component = เปิด component มาอย่างเดียว (เหมือนเปิด React) ซึ่งปกติ default ของทุกหน้าของ Next เป็น Server component อยู่แล้ว ดังนั้นมันเลยจะโหลดจาก server ก่อนทุก page เสมอนะครับ (ถ้าไม่ได้มีการปรับหน้านั้นเป็น Client component เพื่อใช้ร่วมกับ State นะครับ)
ไม่ทำให้ผิดหวังจริงๆค้าบ
สุดยอดครับ
หลังจากขึ้นเรื่องใหม่ใน next ผมก็ตามฟังประมวลผลไม่ทันเลยครับ หลุดเป็นพักๆช่วง ตั้งแต่นาที 35เป็นต้นไปต้องปรับลดความไว้ลงแล้วเข้าใจไว้ขึ้นมากครับรอบหน้าอยากพูดดึง framwork nest ได้ไหมครับ 5555555 ขอบคุณครับผม
ขอบคุณที่ดูจนจบเช่นกันนะครับ ผมจะขอรับ nest ไว้ในอ้อมอกอ้อมใจนะครับ 😆
อธิบายการทำ microservice ด้วยได้ไหมครับ พร้อมตัวอย่าง 😅
หัวข้อ microservice มีโอกาสได้แวะเวียนมาทำแน่นอนครับ 😁
ระหว่าง next.js กับ angular อันใหนดีคะ
ดีทั้งคู่น้า ขึ้นอยู่กับเราถนัด แต่ Next.js ก็จะได้เปรียบตรงที่เป็น Fullstack framework ในขณะที่ Angular จะเป็นเพียง Frontend framework ที่จะต้องหาส่วน Backend มาเพิ่มเติมนะครับ
ขอ nextjs ที่เป็น best pactice ทีครับ พวกระบบที่ คนส่วนไหญ่จะต้องทำแน่ๆ เช่น CRUD, authenticate
จริงๆ พวกนี้ไม่มี best practice น้า แต่ถ้าเป็นเคสพวกใช้ร่วมกับ authenticate เดี๋ยวอาจจะหยิบมาขยี้เพิ่มเติมนะครับ 😁
ขอคอนเทนต์ graphql หน่อยครับ
อยากจะรู้ว่า use sever มันรัน ffmpeg ได้ไหม
ผมไม่เคยใช้โดยตรงน้า แต่ที่อ่านมา เหมือนจะ support node.js ถ้า support ตัวนั้นได้ ก็สามารถทำงานได้ไม่มีปัญหาอะไรนะครับ
เพิ่งสังเกตว่า เป็น .js ไม่ใช่ .jsx แต่พอเป็น ts มันด่ายับเลย 🥹
ถ้าคิดจะเข้าโลก ts ละก็ คุณต้องเตรียมเจอกับสงครามนะ 😆
เป็นการสอนที่ใกล้เคียงกับใช้งานจริงที่สุด!!!
Next เดี๋ยวนี้ Powerful กว่าสมัยตอนเล่นเมื่อก่อนเยอะเลยแฮะ 0w0! (สมัยก่อนที่ว่า....น่าจะก่อนโควิดสักปีสองปีนี่แหละมั้ง ?)
ใช่แล้ว ผมลองตอน Next 12 มา พอมาอัพเดทตัวเองเป็น Next 14 ก็ว้าวหลายอย่างเหมือนกัน รู้สึกอยากลองเอามาพัฒนาจริงเลย 😁
content นี้ทำให้ผมกด join
เย้ๆ
สวัสดีครับ คุณไม้
👍👍👍👍👍
คอร์สที่ลอยคอ
รอคอย แฮร่!
ไม่เข้าใจตรง client component กับ sever component ครับผมเข้าใจถูกมั้ยว่า ใน 1 page มีได้หลาย componentสมมุติว่า ใน page นั้นมี sever component เป็น parent component แล้วมี client component เป็น child component ใน page นั้นจะเป็น csr หรือ ssr ครับแล้วถ้ากลับกันถ้า client component เป็น parent component แล้วมี server component เป็น child จะเป็น csr หรือ ssrครับ 😂😂😂งงมาก
ok อธิบายเพิ่มเติม 2 เคสนะครับ 1. ถ้า Server component เป็น parent ของ Client component = เป็นการเรียกใช้ Component แบบ SSR ทั่วไป (จุดเริ่มต้นจะเปิดจาก Server ก่อนถึงจะไปสู่ Browser) โดยจังหวะที่เปิดขึ้นมา Server ก็จะทำการ render component ทั้ง component ตัวเองและ Client component ออกมา และหลังจากนั้น Client component ก็จะไปทำงานต่อเองหลังจาก render มาแล้ว (ให้นึกถึงหน้าเว็บที่มี html, css, javascript แยกเป็นของตัวเอง แล้วเราไปดึงมาใช้ Client component จะเป็นแบบนั้นแหละครับ)2. ถ้า Client component เป็น parent ของ Server component = ไม่สามารถทำได้ เนื่องจาก Server component มีคำสั่งจัดการจากฝั่งของ Server แต่จุดเริ่มต้นของ Client component คือ Browser (Browser > Server) จึงไม่สามารถทำเคสนี้ได้ เพราะ Browser ไม่สามารถใช้คำสั่งบน Server ได้ ** ยกเว้นแต่ Server Action ที่มีวิธีการใช้ร่วมกันในฝั่ง Client Component นะครับ (แต่กรณี Server Action ให้มองง่ายๆเหมือน Client Component ยิง API ปกติครับ มันเลยจะยังคงเป็น CSR เหมือนเดิมนะครับ)
@@mikelopster ขอบคุณครับ
buy you a coffee
ขอบพระคุณสำหรับการสนับสนุนครั้งนี้มากนะครับ 😁
🥳🥳🥳🥳🥳🥳
ตอนเปิดคลิปมานึกว่ามือถือจอพัง ตรงขอบจอด้านล่างไมค์อ่ะ😅
ตัดพลาดไปนิสส 😂
พาฝึกแก้โค้ด javascript ใน leetcode หน่อยครับ
สนใจสอน spring boot ต่อไหมครับ 5555
ผมขอเก็บไว้เป็นไอเดียก่อนน้า 😁
ผมฟังไม่ค่อยทัน😅
มีประเด็นไหนอยากให้ขยี้เป็นพิเศษไหมครับ 😁
อาจารครับขอ nest angularด้วยครับ
ช่องคุณภาพ❤ ผมดูมาเยอะ ให้ช่องนี้ที่1เลย เตรียมข้อมูลดีมาก พูดไม่ยืดเยื้อ มีแฝงอารมณ์ขัน เนื้อหาน่าสนใจ หลายๆคลิปผมดูไปชมไป สุดยอดจริงๆจากใจครับ
ขอบพระคุณที่เข้ามารับชมอย่างยิ่งเช่นกันครับ 😁
เห็นด้วยครับ
ชอบมากครับ บันเทิงดี ยิ่งดู x1.5-x2 ยิ่งมัน ขอบคุณมากๆ นะครับ
คุณเป็นคนแรกเลยนะ ที่ดูความเร็วใกล้เคียงกับคนตัดต่อ 😆
ของไทยเราได้แค่1.5x อีกหูนึงฟังคลับเฮ้า แต่ถ้าคลิปฝรั่ง2x ดูเอาhint +คลับเฮ้า
เป็นช่องที่ฟังเพลินมากเลยครับ สอนเข้าใจง่ายได้ใจความดีมากเลยครับ
ทำไมเพิ่งมาเจอช่องนี้ !!!!!
กราบงามๆเลยครับ อธิบายมันส์มาก และความรู้เนื้อๆทั้งนั้น ช่องคุณภาพของจริง 👍👍
ขอบคุณที่ชื่นชอบนะครับ
ถึงแม้ว่าพูดเร็วไปหน่อย
ก็ได้ความรู้เต็มอิ่มจุก ๆ เลยครับ
ขอบคุณครับ
เป็นช่องที่อธิบายดี ละเอียด และสนุกมากๆครับ ทำอีกเยอะๆนะครับ
ขอบคุณครับ ผมเริ่มจาก 0 ดูคลิปนี้วนๆไม่รู้กี่รอบ ตอนนี้ขึ้นโปรเจคได้และขายงานได้ภายใน 2 เดือน ขอบคุณสำหรับความรู้ครับ 🙏
แจ๋ว ได้ยินแบบนี้ชื่นใจครับ 😆
@@mikelopster 😍😍😍
สรุปเนื้อหาดีมากครับ กระชับ เนื้อเน้นๆ ฟังไม่ง่วงด้วย ดีมากครับ
อธิบายดีมากเข้าใจง่ายจัดๆ อยากเห็นทำเรื่อง DevOps หรือ DevSecOps เลยครับ ปล.แอบชอบความแมวในทุกองประกอบมากน่ารัก~~~~~
ขอบคุณครับ พูดเร็ว และ มีประโยชน์มากครับ ไม่ลีลา ติดตามแล้วครับ
ค้นคว้าข้อมูลมาดีมาก สรุปได้ง่าย ชัดเจน ไม่เยิ่นเย้อ ขอบคุณความรู้ดีๆ
เป็นช่องที่ดีและมีสาระมากครับ อยากให้ทำกลุ่มสำหรับพูดคุยด้วยครับ ขอบคุณครับ..
ขอให้ทำเนื้อหาของ NextJS ออกมาเรื่อยๆ เยอะๆ นะครับ ถือว่าเป็นภาษาที่ดีและน่าจะเป็นที่นิยมอย่างมากแน่นอนครับ
เป็นช่องที่ดูเเล้วต้องกดติดตาม คุณภาพมากครับ
ขอบคุณครับ อธิบายกระชับ เข้าใจง่ายมากครับ
ช่องอะไรคับเนี้ยยยย ดีโคตรรรร แน่น กระชับ ได้ใจความสุด ขอบคุณครับมีประโยชน์มากๆ
โึครตเด็ด!! จากใจ กระชับได้ใจความ สมอง ทำงานไม่มีพัก 😂!!!
อธิบายละเอียดมากครับ ใช้มา6เดือนพึ่งรู้ว่า layout ใช้ให้ถูกวิธียังไง😂
เนื้อหาดีมากเลยครับ อิ่มๆเลย :)
ดูจบเเล้วครับรอมานานมากครับ ดูตั้งเเต่คริปแรกๆ ดู vue ยังไม่จบครับ react มา next มาต้องดู next ให้จบเเล้วครับชอบช่องนี้มากๆ ครับ รอดูอยู่ครับบ😅😅😅
และที่สำคัญคือชอบปกคริปสุดๆ5555 แมวทุกคริปป
กว่าจะ prompt ได้แต่ละรอบ บางทีก็ไม่ใช่เรื่องง่าย 😂
@@mikelopster รอชมทุกคริปครับบบ (รอดูแมว5555)😄😄😄
ชอบนะครับ พูดจาฉะฉาน เหมือน เมาท์มทอยในวง สนทนาดี 555
ขอบคุณมากๆ นะครับผม ติดตามๆ เลยค้าบบ
อธิบายดีมากๆ สนุกด้วยครับ
ขอบคุณมากกกครับ อาจารย์😮😮😮😮😮😮😮😮
เยี่ยมจริงๆ เนื้อหาดีมากครับ
ขอคำแนะนำหน่อยครับระหว่างทำnext.js ทั้ง font-back กับการทำ next.js font และ ใช้ nest.jsหรืออื่นๆเป็น back แบบไหนดีกว่า และมันเหมาะกับงานแบบไหนของการทำแต่ละแบบ
ขอบคุณครับ รักษาสุขภาพด้วยนะครับ
🥰🥰
ขอบคุณมากนะครับ 😁
ปรับความเร็ว 0.75 คือเหมาะสำหรับมืิอใหม่ที่สุดครับ 55555 สมองรันตามไม่ทัน
เนื้อหาดีมากครับ ขอบคุณสำหรับความรู้
ชอบมากครับ อธิบายได้กระชับและฟังง่ายฟังเพลินดีคับ👍
พี่ไมค์ๆทำเป็น fullstack ซีรีย์แบบเดียวกับ vue firebase master classหน่อยครับ หลังจบ go ก็ได้นะครับไมติด😂😂เอาจริงๆผมชอบซีรีย์เรียนวันเสาร์พี่มากนะครับทำต่อไปนะครับผมจะได้มีprojectเข้าportfolioเพิ่ม
ok เดี๋ยวพี่ขอหาไอเดียก่อน 😂
อยากได้ลงลึกของ nextjs อีกครับ ขอบคุณมากครับบ
อยากได้หัวข้อไหนของ next.js เป็นพิเศษไหมครับ 😁
พัฒนาร่วมกับ
Authentication : NextAuth
Ui : Shadcn/ui + RadixUi
Validation form : react hook form + zod
หน่อยครับ
สอนดีมากเลยครับ แต่พอดีผมเขียนแบบ typescript เหมือนผมจะติดตรงเวลามีการ set cookies แล้วจะมีอาการ input field หน้า login มัน clear เองทั้ง email และ password ครั้งแรกที่ใส่ค่าถูกต้อง และตรง message ก็ได้ state ' ' ผมต้องตรวจสอบตรงไหนเพิ่มเติมหรอครับ ถ้าไม่ set cookies อาการนี้ไม่เกิดขึ้นเลยขึ้น login success
น่าจะเกี่ยวกับ state น้า ลอง recheck code ส่วนของ state ดู ปกติ ไม่ว่าจะเป็น js หรือ ts action การทำงานมันจะเหมือนกันเป๊ะๆเลย แค่ ts มี type มากำกับน้า
@@mikelopster โอ้ววขอบคุณครับเดะผมจะลองไปเช็คดู
อยากให้สอน deploy nextjs บน digital ocean หน่อยครับ
อธิบายดีงามมากครับ
มาเเล้ววว❤
สุดยอดมากครับ เนื้อหาแน่นกระชับ ตอนจบแอบอยากได้ build เป็น docker images ไปใช้งาน ว่าต้อง build แยกไหม client, server ถ้ามีโอกาสได้ขึ้นโปรเจคใหม่ next.js แน่นอนครับ
เดี๋ยวไว้ผมอาจจะหยิบมาเล่าน้า แต่พูดแบบเร็วๆมันคือ image nodejs นั่นแหละ เพียงแต่
- ถ้า ไม่แยก client กับ server = image nodejs อันเดียว ใช้ร่วมกัน (เป็น SSR ร่วมกัน)
- ถ้า แยก client กับ server = build เป็น 2 image ส่วนฝั่งของ client ก็อาจจะใช้เพียง nginx ในการ run หน้าเว็บออกมาได้
รอซีรีส์ยาวว❤ //รอบหน้าขอลองเพิ่ม dead air ให้หน่อยได้มั้ยครับ คัทชนแบบปัจจุบันนี้ ผมว่ามันไวไปไปนี๊ดนึงง หรืออยากให้เพิ่มจังหวะเว้นให้คิดตามหรือเขียนตามได้นิดหน่อยอะไรงี้อะครับ แต่ที่เหลือคือ the best!!
ขอบคุณมากนะครับบ เดี๋ยวผมรับไว้พิจารณาน้า 😁
@@mikelopster ชื่นชมงับ เดี๋ยวต้นเดือนมาซับรายเดือนให้เพิ่มครับ
@@Arona-nm8hl ขอบคุณที่สนับสนุนกันมากๆเลยนะครับ 🙏
ดูมาหลายคนมากๆ แต่คนนี้คือที่สุดจริงๆทั้งน้ำเสียง ท่าทางการอธิบาย เหมือน 9arm เลย แต่ดูเรียบง่ายกว่า
ขอบคุณมากครับ 9arm นี่ช่องโปรดผมเลย 😂
อยากให้พี่ทำคลิปแบบ การเริ่มต้นในการมาสาย dev ของพี่ด้วย อยาดฟังประสบการณ์และแนวทางในการเรียนด้วย❤
มีโอกาสมาเล่าสู่กันฟังแน่นอน 😁
ขอบคุณครับ ได้ความรู้มากๆ
ชอบมากเลยคับ อธิบายสนุกมาก
32:14 กำลังสงสัยว่า Server Component อยู่ฝั่ง server ทำไมถึงใช้ fetch ได้ ทั้งๆที่ fetch เป็นคำสั่งที่ทำงานฝั่ง client
คำสั่ง fetch ใช้ได้ทั้ง Server และ Client น้า เป็นมาตรฐานคำสั่งของ javascript ที่ใช้ได้ทั้ง 2 ฝั่งในการยิง request ออกไปด้านนอกนะครับ
ผมซึ่งกำลังงม อยู่กับตัว Server เพื่อใช้รัน Next.js :)
โครตดีครับ ทั้งจังหวะการอธิบาย หรือ example เป็น 1 ชั่วโมงที่ลื่นสุดๆ
บอกแล้ว next อ่ะของดี 😁
สอนดีมากครับ รบกวนสอนการใช้ daisyui หน่อยครับ
daisyui ลองดูพื้นฐานการใช้งานจากคลิปนี้ก่อนได้น้า อันนี้เป็นฉบับ Vue ก็จริง แต่วิธีใช้งานไม่ต่างกันนะครับ 😁
ua-cam.com/video/1VC8ps7EI18/v-deo.html
และแล้วก็เข้าร่วมเป็นหนึ่งใน React community ซะแล้ววว
ผมอุทิศหัวใจดวงเดียวให้ React เสมอ 😂
พัฒนาร่วมกับใช้ Ant Design หน่อยครับ
น่าสนใจ ผมยังไม่เคยลองนะ เดี๋ยวขอลองไปเล่นก่อนนะครับ 😁
กระจ่างมาก ขอบคุณครับ
ภาพปกคลิปแมวสวยจังครับ แบ่งปันหน่อยได้มั้ยครับ จากใจทาสแมวคนหนึ่ง555
แมวทุกตัว เกิดจากการใช้ ChatGPT 4 generate ภาพหมดเลยย 😂 แนะนำถ้าอยากได้ทรงๆนี้ให้เพิ่ม "anime cat" ลงใน prompt ที่สร้างภาพขึ้นมาครับ แล้วใส่รายละเอียดลงไป จะได้ภาพทรงๆนี้ออกมาได้ครับ
คุณภาพมากครับ
อิอิ รอมานานแว้ววว
ของดี ขอบคุณมากครับ
เยี่ยมมากคั
อธิบายเรื่องยาวๆให้เข้าใจง่ายๆได้ดีมากเลยครับชื่นชม✌
ยกให้เป็นเนื้อหาที่โครตรดีสำหรับ Next.js ที่ได้เรียนรู้ในปีนี้เลยครับ
ขึ้น error ตรงทำหน้า actiion login ครับ
key for the H 256 algorithm must be one of type KeyObject
แชร์จุด code ที่มีปัญหาเพิ่มเติมได้นะครับ
ปกติ next จะ โลหดจาก server ทุก page แล้วส่งไปที่ client หรือว่า จะโหลด เฉพาะ page ที่ request อะครับ ขอบคุณครับ ผมติดตามพี่แทบทุกคลิปเลยครับ
ปกติหลักการของ Next คือ
- ถ้า page เป็น Server component = load จาก server ก่อนแล้วไป client
- ถ้า page เป็น Client component = เปิด component มาอย่างเดียว (เหมือนเปิด React)
ซึ่งปกติ default ของทุกหน้าของ Next เป็น Server component อยู่แล้ว ดังนั้นมันเลยจะโหลดจาก server ก่อนทุก page เสมอนะครับ (ถ้าไม่ได้มีการปรับหน้านั้นเป็น Client component เพื่อใช้ร่วมกับ State นะครับ)
ไม่ทำให้ผิดหวังจริงๆค้าบ
สุดยอดครับ
หลังจากขึ้นเรื่องใหม่ใน next ผมก็ตามฟังประมวลผลไม่ทันเลยครับ หลุดเป็นพักๆช่วง ตั้งแต่นาที 35เป็นต้นไปต้องปรับลดความไว้ลงแล้วเข้าใจไว้ขึ้นมากครับ
รอบหน้าอยากพูดดึง framwork nest ได้ไหมครับ 5555555 ขอบคุณครับผม
ขอบคุณที่ดูจนจบเช่นกันนะครับ ผมจะขอรับ nest ไว้ในอ้อมอกอ้อมใจนะครับ 😆
อธิบายการทำ microservice ด้วยได้ไหมครับ พร้อมตัวอย่าง 😅
หัวข้อ microservice มีโอกาสได้แวะเวียนมาทำแน่นอนครับ 😁
ระหว่าง next.js กับ angular อันใหนดีคะ
ดีทั้งคู่น้า ขึ้นอยู่กับเราถนัด แต่ Next.js ก็จะได้เปรียบตรงที่เป็น Fullstack framework ในขณะที่ Angular จะเป็นเพียง Frontend framework ที่จะต้องหาส่วน Backend มาเพิ่มเติมนะครับ
ขอ nextjs ที่เป็น best pactice ทีครับ พวกระบบที่ คนส่วนไหญ่จะต้องทำแน่ๆ เช่น CRUD, authenticate
จริงๆ พวกนี้ไม่มี best practice น้า แต่ถ้าเป็นเคสพวกใช้ร่วมกับ authenticate เดี๋ยวอาจจะหยิบมาขยี้เพิ่มเติมนะครับ 😁
ขอคอนเทนต์ graphql หน่อยครับ
อยากจะรู้ว่า use sever มันรัน ffmpeg ได้ไหม
ผมไม่เคยใช้โดยตรงน้า แต่ที่อ่านมา เหมือนจะ support node.js ถ้า support ตัวนั้นได้ ก็สามารถทำงานได้ไม่มีปัญหาอะไรนะครับ
เพิ่งสังเกตว่า เป็น .js ไม่ใช่ .jsx แต่พอเป็น ts มันด่ายับเลย 🥹
ถ้าคิดจะเข้าโลก ts ละก็ คุณต้องเตรียมเจอกับสงครามนะ 😆
เป็นการสอนที่ใกล้เคียงกับใช้งานจริงที่สุด!!!
Next เดี๋ยวนี้ Powerful กว่าสมัยตอนเล่นเมื่อก่อนเยอะเลยแฮะ 0w0! (สมัยก่อนที่ว่า....น่าจะก่อนโควิดสักปีสองปีนี่แหละมั้ง ?)
ใช่แล้ว ผมลองตอน Next 12 มา พอมาอัพเดทตัวเองเป็น Next 14 ก็ว้าวหลายอย่างเหมือนกัน รู้สึกอยากลองเอามาพัฒนาจริงเลย 😁
content นี้ทำให้ผมกด join
เย้ๆ
สวัสดีครับ คุณไม้
👍👍👍👍👍
คอร์สที่ลอยคอ
รอคอย แฮร่!
ไม่เข้าใจตรง client component กับ sever component ครับ
ผมเข้าใจถูกมั้ยว่า ใน 1 page มีได้หลาย component
สมมุติว่า ใน page นั้นมี sever component เป็น parent component แล้วมี client component เป็น child component ใน page นั้นจะเป็น csr หรือ ssr ครับ
แล้วถ้ากลับกันถ้า client component เป็น parent component แล้วมี server component เป็น child จะเป็น csr หรือ ssrครับ 😂😂😂งงมาก
ok อธิบายเพิ่มเติม 2 เคสนะครับ
1. ถ้า Server component เป็น parent ของ Client component = เป็นการเรียกใช้ Component แบบ SSR ทั่วไป (จุดเริ่มต้นจะเปิดจาก Server ก่อนถึงจะไปสู่ Browser) โดยจังหวะที่เปิดขึ้นมา Server ก็จะทำการ render component ทั้ง component ตัวเองและ Client component ออกมา และหลังจากนั้น Client component ก็จะไปทำงานต่อเองหลังจาก render มาแล้ว (ให้นึกถึงหน้าเว็บที่มี html, css, javascript แยกเป็นของตัวเอง แล้วเราไปดึงมาใช้ Client component จะเป็นแบบนั้นแหละครับ)
2. ถ้า Client component เป็น parent ของ Server component = ไม่สามารถทำได้ เนื่องจาก Server component มีคำสั่งจัดการจากฝั่งของ Server แต่จุดเริ่มต้นของ Client component คือ Browser (Browser > Server) จึงไม่สามารถทำเคสนี้ได้ เพราะ Browser ไม่สามารถใช้คำสั่งบน Server ได้
** ยกเว้นแต่ Server Action ที่มีวิธีการใช้ร่วมกันในฝั่ง Client Component นะครับ (แต่กรณี Server Action ให้มองง่ายๆเหมือน Client Component ยิง API ปกติครับ มันเลยจะยังคงเป็น CSR เหมือนเดิมนะครับ)
@@mikelopster ขอบคุณครับ
buy you a coffee
ขอบพระคุณสำหรับการสนับสนุนครั้งนี้มากนะครับ 😁
🥳🥳🥳🥳🥳🥳
ตอนเปิดคลิปมานึกว่ามือถือจอพัง ตรงขอบจอด้านล่างไมค์อ่ะ😅
ตัดพลาดไปนิสส 😂
พาฝึกแก้โค้ด javascript ใน leetcode หน่อยครับ
สนใจสอน spring boot ต่อไหมครับ 5555
ผมขอเก็บไว้เป็นไอเดียก่อนน้า 😁
ผมฟังไม่ค่อยทัน😅
มีประเด็นไหนอยากให้ขยี้เป็นพิเศษไหมครับ 😁
อาจารครับขอ nest angularด้วยครับ