พัฒนาเว็บด้วย Next.js | สำหรับผู้เริ่มต้น [FULL COURSE]
HTML-код
- Опубликовано: 9 июл 2024
- 🤝 สนับสนุนช่องด้วยการสมัครสมาชิก (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
ดีจังที่เมืองไทย มีคุณกล้อง
ส่งสัยครับ 02:21:53 - ดึงข้อมูล Path (GetStaticPath) ตอนที่ทำ Product detail ทำไมถึงต้อง fetch เอาข้อมูล products?limit=12 มาก่อนครับ ทำไม ถึงไม่ fetch products/[id] ไปเลย ?
ขอบคุณมากๆค่ะ❤
ขอบคุณมากๆครับ ^^
ขอบคุณมาก ๆ ครับ
มาแล้ว รักช้องนี้มาก ครับ
ขอบคุณมากๆครับ
ขอบคุณครับจารย์
ขอบคุณครับ
ดีเลย
อยากให้มีตัวอย่างการทำ server side ด้วยอะค่ะ เหมือนในโปรเจคนี้จะสอนแบบ static side generator อย่างเดียว
ขอบคุณนะคะ
ขอบคุณมากครับ
สอนเอาโฆษณาลงในเกมในสอนรับเงินจากโฆษณา
จะมีอัพเดท NEXTJS 14ต่อมั้ยครับ
เกมไหนมาแรงคะวันนี้ จะเข้าไปเล่นค่ะ
ขอบคุณครับจานก้องอย่าลืมเลือกตั้งนะครับ
จบแว้ว ขอบคุณครับจาน
สงสัยผมจะต้องเริ่มแล้วหละ
ของผมไม่มี folder page แล้วก็ไม่มี next@font เป็น Next ver 13.4.4 นะครับ - -"
ตอน create ให้ใช้ version เดียวกับอาจารย์ครับ
npx create-next-app@13.1.6 nextjs-basic
ขอ nest.js ด้วยได้ไหมครับ
+ ด้วยคนครับ
ผมกำลังหาคนฝึกงานร่วมทีมเริ่มหนึ่งคนjunior devไม่มีประสบการณ์ก็ได้ครับ จ่ายต่อชิ้นงานหรือเงินเดือน คุณแนะนำสักคนได้ไหม
สนใจครับ ติดต่อได้ทางไหนครับ ไม่มีประสบการณ์ แต่อยากลองทำงานจริงครับ
1:08:06 ภาพอยู่ไหนหรอครับ