พัฒนาเว็บด้วย Next.js | สำหรับผู้เริ่มต้น [FULL COURSE]

🤝 สนับสนุนช่องด้วยการสมัครสมาชิก (Membership):
/ @kongruksiamofficial
🗒 API ประกอบการสอน :
dummyjson.com/
👉 อัพโปรเจกต์ขึ้น Netlify:
www.netlify.com/
🎓 โปรโมชั่นส่วนลดคอร์สเรียน Udemy :
github.com/kongruksiamza/udem...
🛒ซื้อของผ่าน Shopee :
shope.ee/3plB9kVnPd
🎯 โค้ดและภาพประกอบการสอน :
github.com/kongruksiamza/next...
🗒️ เอกสารประกอบการสอน :
github.com/kongruksiamza/prog...
⏰ ลำดับเนื้อหา :
0:00 - รู้จักกับ Next.js
03:41 - รู้จักกับ CSR , SSR และ SSG
15:00 - ติดตั้ง Node.js
17:46 - ติดตั้ง Visual Studio Code
22:07 - สร้างโปรเจกต์ Next.js
30:39 - โครงสร้างโปรเจกต์
38:44 - Pages & Routing
44:50 - สร้าง Component
53:26 - Next Link
57:49 - Layout Component
01:07:02 - Next Image
01:11:12 - Global Style
01:20:29 - Component Style
01:33:31 - Next Head
01:38:47 - ดึงข้อมูลจาก API (GetStaticProps)
01:50:05 - แสดงผลข้อมูลทั้งหมด
01:54:00 - แสดงผลรูปภาพ
01:59:38 - กำหนด Style แสดงผลข้อมูล
02:08:35 - Dynamic Routing
02:21:53 - ดึงข้อมูล Path (GetStaticPath)
02:38:03 - แสดงข้อมูลแบบรายการเดียว
02:48:25 - Static HTML Export
02:54:54 - เผยแพร่เว็บแอพพลิเคชั่น
💻 พัฒนาเว็บด้วย Next.js สำหรับผู้เริ่มต้น :
• พัฒนาเว็บด้วย Next.js ...
📢 ติดตามข่าวสารของเราได้ที่ :
➤ Facebook : / kongruksiamtutorial
➤ TikTok : / kongruksiamstudio
➤ Instagram : / kongruksiamstudio
➤ Medium : / kongruksiam
#JavaScript #React #Next

[@vampire8118]

ส่งสัยครับ 02:21:53 - ดึงข้อมูล Path (GetStaticPath) ตอนที่ทำ Product detail ทำไมถึงต้อง fetch เอาข้อมูล products?limit=12 มาก่อนครับ ทำไม ถึงไม่ fetch products/[id] ไปเลย ?

[@thanaphon1626]

ดีจังที่เมืองไทย มีคุณกล้อง

[@tha.7966]

อยากให้มีตัวอย่างการทำ server side ด้วยอะค่ะ เหมือนในโปรเจคนี้จะสอนแบบ static side generator อย่างเดียว

[@jokerbanny]

มาแล้ว รักช้องนี้มาก ครับ

[@tha.7966]

ขอบคุณมากๆค่ะ❤

[@nopoujai2796]

ขอบคุณมากๆครับ ^^

[@Loffint]

ขอบคุณมาก ๆ ครับ

[@pattaweenakkarin3516]

ขอบคุณมากๆครับ

[@BinThaBath]

ขอบคุณครับจารย์

[@passakornklaikaew2624]

ขอบคุณครับ

[@leksoftfei]

ดีเลย

[@pangpond5595]

ขอบคุณนะคะ

[@verawat]

ขอบคุณมากครับ

[@sss720s]

สอนเอาโฆษณาลงในเกมในสอนรับเงินจากโฆษณา

[@MrZero-ig7sp]

จะมีอัพเดท NEXTJS 14ต่อมั้ยครับ

[@user-jc1it3ei3p]

เกมไหนมาแรงคะวันนี้ จะเข้าไปเล่นค่ะ

[@nicknick4900]

ขอบคุณครับจานก้องอย่าลืมเลือกตั้งนะครับ

[@nicknick4900]

จบแว้ว ขอบคุณครับจาน

[@TGPCluB]

สงสัยผมจะต้องเริ่มแล้วหละ

[@chaipats727]

ของผมไม่มี folder page แล้วก็ไม่มี next@font เป็น Next ver 13.4.4 นะครับ - -"

[@UUhatTheCode]

ตอน create ให้ใช้ version เดียวกับอาจารย์ครับ
npx create-next-app@13.1.6 nextjs-basic

[@gukuynafme1661]

ขอ nest.js ด้วยได้ไหมครับ

[@gri6845]

+ ด้วยคนครับ

[@DangRenBo]

ผมกำลังหาคนฝึกงานร่วมทีมเริ่มหนึ่งคนjunior devไม่มีประสบการณ์ก็ได้ครับ จ่ายต่อชิ้นงานหรือเงินเดือน คุณแนะนำสักคนได้ไหม

[@notnapat2391]

สนใจครับ ติดต่อได้ทางไหนครับ ไม่มีประสบการณ์ แต่อยากลองทำงานจริงครับ

[@watz3842]

1:08:06 ภาพอยู่ไหนหรอครับ