สอนทำเว็บร้านค้าออนไลน์ด้วย Node.js, Express.js, React.js และ MySQL| E-Commerce|Deploy Vercel |EP 45

Описание: สวัสดีครับ ยินดีต้อนรับทุกท่านเข้าสู่ช่อง รอยไถ พัฒนา ช่องเกษตรอินทรย์ช่องเดิมนะครับ

-------- Deploy Server to Vercel -----
1. create vercel.json

{
"version": 2,
"name": "roitai",
"builds": [
{
"src": "server.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/(.*)",
"dest": "server.js",
"headers": {
"Access-Control-Allow-Origin": "*"
}
}
]
}

2. package.json
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "nodemon server",
"postinstall": "prisma generate"
},


git init
git add .
git commit -m "init"
git push..........

3. add project to vercel
3.1 in build command
npx prisma generate
3.2 add env
/* Enjoy */

📌📌📌สามารถบริจาค ได้ตามกำลังศรัทธา
ผ่านพร้อมเพย์ รอยไถ จะไม่โดนหัก % ครับผม

https://tipme.in.th/roitai-dev

ขอบพระคุณทุกๆ ท่านที่ร่วมสนับสนุน ครับ

Download source code:
https://github.com/tamphimai007/ecom-...

ขอขอบพระคุณทุกท่านที่สละเวลามาชมคลิปนี้ครับ

Lucide
https://lucide.dev/icons/

สำหรับ Workshop Playlist นี้เราจะมาทำเว็บร้านค้าออนไลน์ด้วย Node.js, Express.js, React.js และ MySQL | E-Commerce

สำหรับคลิปนี้เรามาเริ่มสร้าง React ฝั่ง Frontend กันนะครับด้วย Vite
คลิปนี้เราทำ เพิ่ม หมวดหมู่สินค้ากันนะครับ

ติดตั้งโปรแกรม
https://nodejs.org/en/download/packag...
https://www.postman.com/downloads/
https://dev.mysql.com/downloads/workb...
https://code.visualstudio.com/download

----------Server--------------
npm init -y
npm install express morgan cors nodemon

npm install prisma
npx prisma init
npm install @prisma/client
// Doc ใช้ในการสร้างและอัพเดตฐานข้อมูล
npx prisma migrate dev --name init

----Client-----
npm create vite@latest .
client
javascript

cd client
npm install
npm run dev

npm install axios

CRUD คืออะไร?
Create: สร้างข้อมูล
Read: อ่านข้อมูล
Update: อัปเดตข้อมูล
Delete: ลบข้อมูล

สำหรับเนื้อหาภายในคลิปนะครับ
....

เหมาะสำหรับผู้ที่กำลังเริ่มต้นเขียนโปรแกรม หรือต้องการพัฒนาเว็บแอปพลิเคชันที่เชื่อมต่อกับฐานข้อมูล ตั้งแต่การติดตั้งโปรเจกต์

ในวิดีโอนี้ รอยไถ พัฒนา จะสอนวิธีสร้างระบบ CRUD (Create, Read, Update, Delete) สำหรับแอป E-Commerce ร้านค้าออนไลน์ โดยใช้ ExpressJS, Prisma, MySQL และเชื่อมต่อกับ React

คุณจะได้เรียนรู้ตั้งแต่การติดตั้งและเชื่อมต่อฐานข้อมูล ไปจนถึงการทดสอบ API ด้วย Postman และการแสดงผลบนหน้าเว็บด้วย React เหมาะสำหรับมือใหม่ที่ต้องการเข้าใจพื้นฐานการพัฒนาแอปพลิเคชันที่ใช้ฐานข้อมูล พร้อมทั้งอธิบายวิธีการทำงานแบบ Step by Step

📌 สิ่งที่คุณจะได้จากคลิปนี้

1. การติดตั้งโปรเจกต์ด้วย Node.js และ Express.js
2. การใช้ Prisma เพื่อจัดการฐานข้อมูล MySQL
3. สร้าง API สำหรับการทำ CRUD
4. ทดสอบ API ด้วย Postman
5. การออกแบบฐานข้อมูล MySQL และการเชื่อมต่อด้วย Prisma
6. การสร้าง RESTful API สำหรับจัดการสินค้าและผู้ใช้
7. การเชื่อมต่อ Frontend กับ Backend
8. การจัดการคำสั่งซื้อและตะกร้าสินค้า Cart
9. การใช้ React

ในคลิปนี้ เราจะมาเรียนรู้การสร้างเว็บไซต์ E-Commerce ตั้งแต่เริ่มต้นจนจบ แบบ Step by Step โดยใช้ Node.js, Express.js, React.js, Prisma และ MySQL ไม่ว่าคุณจะเป็นมือใหม่หรือมีประสบการณ์อยู่แล้ว ก็สามารถดูได้นะครับ



#CRUD
#ecommerce
#expressjs

สอน ExpressJS
สอน NodeJS
การทำ CRUD ด้วย Prisma
เชื่อมต่อ MySQL กับ NodeJS
ทดสอบ API ด้วย Postman
การทำเว็บแอปด้วย Express
โปรแกรมมิ่งพื้นฐาน
สอนเขียนเว็บ backend
การพัฒนา API

สร้างเว็บ E-Commerce, Node.js, React.js, MySQL, ร้านค้าออนไลน์