#Nodejs

API Routesใน Next.js เราสามารถทำตัวเป็น Backend APIs ได้เลย โดยที่ไม่ต้องมี Server เพิ่ม โดยเพียงแค่สร้างโฟลเดอร์ `api` ไว้ภายใน `page...

ปกติแล้ว Routing ใน Next.js จะเป็นแบบ file-system เพียงแค่เราสร้างไฟล์ในโฟลเดอร์ `pages` เราก็จะได้หน้าเว็บนั้นๆ เช่น สร้างไฟล์ `about.js` url เราก็จะเป็น `/about`ทีนี้ถ้าเรามีเ...

ตอนนี้จะเป็นเรื่องของ Fetching API เพื่อดึงข้อมูลจาก API มาแสดง ซึ่งจริงๆ แล้ว fetching data นั้นทำได้หลายท่ามากๆ เช่น Client Side - ด้วยการใช้ `useEffect` และทำการ `fetch` แ...

วิธีการทำระบบไฟล์อัพโหลดด้วยการใช้ Node.js + Express และ Multer ซึ่งบทความนี้เป็นบทความอัพเดท จากที่เคยเขียนไว้ก่อนหน้านี้ 7-8 แล้วครับ ทำระบบอัพโหลดไฟล์ด้วย Node.js(/blog/2015/...

สวัสดีครับ ตอนที่ 4 มาพูดถึงเรื่องของ Pre Rendering กันครับ บทนี้ส่วนใหญ่เป็นทฤษฎี พยายามอ่านทำความเข้าใจไปก่อนครับ ไม่เข้าใจทั้งหมดไม่เป็นไร รอบทถัดไปเรื่อง Data Fetching เพื...

มาต่อกันที่บทที่ 3 ครับ บทนี้ก็ยังใช้ source code ที่ได้จาก `create-next-app` นะครับ วันนี้ต่อด้วยเรื่องของ Assets และการจัดการ CSS โดย Assets ก็หมายถึงพวก static files ทั้งหลาย เ...

Create Pages & Routingสำหรับบทเรียนนี้ เรายังคงอ้างอิงจาก โค๊ด จาก `create-next-app` โดยเราจะทำหน้าเว็บขึ้นมาเพิ่ม 2 หน้าครับ คือ Index กับหน้า About ...

สวัสดีครับ มาเริ่มตอนแรกกันด้วย Next.js คืออะไร และการขึ้นโปรเจ็ค Next.js กันครับ Next.js คืออะไร?Next.js เป็น React Framework ที่ช่วยให้เราทำงานส...

ผมเคยเขียนบทความเกี่ยวกับ Next.js ไว้เมื่อปี 2020 ตอนที่ผมเพิ่งหัดใช้ Next.js ณ​ ตอนนั้นคือ version 9.3 และปัจจุบัน ก็มีพัฒนามาจน vers...

วันนี้ลองเล่น และลองอ่าน Overview ตัว Fastify เบื้องต้นดู ว่ามันเป็นยังไง หลังจากได้ยินมาซักพักแล้ว อยากรู้ว่าถ้าเปรียบเทียบกับ Express(https://expres...

สวัสดีครับ ห่างหายไปนาน วันนี้มาแนะนำ Chalk.js ครับ เป็น Debugging Tool ตัวนึงที่ผมใช้บ่อยมากๆ และจริงๆแล้ว หลายๆ Library ก็ใช้เจ้าตัวนี้อยู่เช่นกัน เพียงแค่บางทีเราไม่รู้เท่า...

สืบเนื่องมาจากว่า เวลา `npm install` Library ต่างๆ แล้ว มันจะเป็น version แบบกว้างๆ คือ `^2.4.0` แบบนี้ใช่มั้ย เนื่องจากแบ่งเป็น semver บางที มันจะไป Install เวอร์ชั่นอืื่นๆ เพราะ...

สวัสดีครับ มาต่อกันที่ตอนที่ 10 กันนะครับ สำหรับตอนนี้จะพูดถึงเรื่องของการ Deploy Production หรือการ Hosting โปรเจ็คของเราครับ โดยใช้ Digi...

<ShareLink url="/tutorials/learn-nextjs/intro" title="บทความสอน Next.js อัพเดทเนื้อหา ปี 2022" />สวัสดีครับ บทความนี้จะพาไปรู้จักกับการเขียนเว็บด้วย Next.js กันนะครับซึ่งบทควา...

สวัสดีครับ มาต่อกันที่ตอนที่ 9 กันนะครับ สำหรับตอนนี้เราจะมาเริ่มทำส่วนการ Login ด้วยการใช้ Middleware และการใช้ตัวข่วยอย่าง Passport.js กันนะครับโดยตัวอย่างนี้ จะเป็นกึ่งๆ Work...

สวัสดีครับ มาต่อกันที่ตอนที่ 8 กันนะครับ หลังจากหายไปนานเป็นอาทิตย์เลย พอดีช่วงนี้งานยุ่งมากๆ ตอนก่อนหน้านี้เราได้รู้จักกับ MongoDB กันไปแล้ว วันนี้เราจะมาเขียน MongoDB ร่วมกับ No...

สวัสดีครับ มาต่อกันที่ตอนที่ 6 กันนะครับ สำหรับตอนนี้จะเป็นเรื่องเกี่ยวกับ MongoDB แล้วครับ โดยวันนี้จะเป็นเกี่ยวกับ MongoDB และวิธีการใช้งาน MongoDB เบื้องต้น ผ่าน Shell และ GUI ...

สวัสดีครับ มาต่อกันที่ตอนที่ 5 กันนะครับ วันนี้จะมาพูดถึงเรื่องของ Template Engine กัน หลังจากที่ตอนนี้เราสามารถทำเว็บด้วย Express.js กันได้แล้ว และสามารถแสดงข้อความ แสดง String ห...

มาต่อกันที่ ตอนที่ 4 กันครับ วันนี้เราจะมาเริ่มสร้าง Web Application ด้วย Node.js แบบจริงๆจังๆแล้วครับ โดยเราจะใช้ Web Framework ที่ชื่อว่า Express.js ซึ่งก่อนหน้านี้ผมเคยเขียนบทค...

มาต่อกันที่ ตอนที่ 3 กันครับ เนื้อหาบทเรียน- ตอนที่ 1 - Node.js คืออะไร + ทำการติดตั้ง Node.js และ Node.js เบื้องต้น(/blog/2020/01/web-development-with-nodejs-mongodb-part...

มาต่อกันที่ ตอนที่ 2 กันครับ สำหรับตอนนี้จะเป็นพื้นฐาน Node.js ก็เลยขอทบทวนพื้นฐาน JavaScript แบบเร็วๆนิดนึง รวมถึง Modern JavaScript ES6, ES7+ โดยจะไม่ได้อธิบายลงลึกรายละเอียดมาก...

สวัสดีครับ ผมเห็นว่าบทความเกี่ยวกับ Node.js ที่ผมเคยเขียนไว้ ช่วง 2015-2016 ก็ยังมีคนสนใจอยู่พอสมควร ผมจึงคิดว่า ปีนี้ 2020 ผ่านมาก็ 5ปีแล้ว เนื้อหามันค่อนข้างเก่า ฉะนั้นผมเลยตัดส...

วันนี้จะมานำเสนอวิธีการอ่านไฟล์ CSV ด้วยการใช้ Node.js กันนะครับ ก็เป็นตัวอย่างง่ายๆ โดยใช้ File System ในการอ่านไฟล์ และใช้พวก csv-parser ในการอ่าน parse csv ครับตัวอย่างไฟล์ ...

สวัสดีครับ วันนี้เราจะมาลองทำการ Caching เพื่อเพิ่มความเร็วให้กับเว็บไซต์ของเราครับ ด้วย Redisและสำหรับคนชอบเวอร์ชั่น Video Tutorial ผมอัพโหลดเป็น Youtube อีกช่องทางครับ> Link...

สวัสดีครับ วันนี้จะพาไป Setup Server สำหรับ Deploy Backend และ Frontend คือ Node.js Application และ React App ไว้ในเครื่องเดียวกัน โดยใช้...

สวัสดีครับ วันนี้มาแนะนำการเขียน RESTful API สำหรับ Node.js ด้วยการใช้ Express.js และ MongoDB กันนะครับ ซึ่งจริงๆแล้วบทความ API ด้วย Node.js นั้นเคยเขียนไว้แล้วหลายบทความเลย เช่น...

วันนี้มีทริปเล็กๆน้อยๆมาแนะนำครับ นั้นก็คือ Yarn Workspaces ปกติแล้วเวลาเราจัดการกับ Node.js app ที่มี `node_modules` เยอะๆกันยังไงนะ ตัวอย่างเช่น มี folder หลัก ข้างในก็เป็น node...

<div class="p-4 bg-red-200 text-black text-2xl leading-12">เนื่องจากบทความนี้ ไม่ได้อัพเดทเนื้อหาที่เขียนไว้ตั้งแต่ปี 2016 <strong>แนะนำอ่านบทความล่าสุด ที่นี่แทนครับ</strong> <a...

พอดีว่าได้ลองนั่งอ่านเรื่อง Aggregation ของ MongoDB แล้วรู้สึกว่ามันน่าสนใจดี ก็เลยทำเป็นบทความซะเลย> หากใครยังไม่รู้จัก MongoDB หรือว่ายังไ่ม่ได้ติดตั้งแนะนำบทความ MongoDB คือ...

ปัจจุบันจะเห็นว่าหลายๆบริษัทได้นำเอา Slack มาใช้ในการคุยงานกันมากขึ้น รวมถึงที่ Nextzy Technologies ก็เช่นกัน เนื่องจากทุกๆวัน ต้องเปิดหน้าจอ Slack ตลอด ก็เลย...

พอดีได้ลองเล่นตัว Google Calendar API ก็เลยนำมาเขียนเป็นบทความแชร์ไว้ ซึ่ง Tutorial ทั้งหมดผมก็อ่านจาก Google Calendar API Quickstart(https://developers.google.com/google-apps/c...

บทความนี้เป็นตัวอย่างการดึงข้อมูลเว็บไซต์ด้วยการใช้ Node.js และ Cheerio ซึ่งเทคนิคการดึงข้อมูลเว็บไซต์ต่างๆนี้ เราเรียกมันว่า "Web Scraping" หรือ "Web Crawler" ก็แล้วแต่ หลักการมั...

เนื่องจากว่าเคยเขียนบทความเกี่ยวกับ Node.js ไว้หลายๆบทความด้วยกัน แต่ยังไม่เคยเขียนพวกพื้นฐาน หรือเริ่มต้นสำหรับคนที่ไม่เคยเขียน Node.js มาก่อน ทำให้มีปัญหา และไม่เข้าใจในบทความที...

วันนี้ขอนำเสนอบทความสั้นๆสำหรับการเลือก Template Engine บน Node.js หากท่านยัง render ไฟล์ html ธรรมดาอยู่แล้วละก็ เปลี่ยนมาใช้ Template Engine กันดีกว่าครับ บทความนี้ assume ว่าผู...

ปกติเวลาคุณเขียนเว็บไซต์ เสียเวลาไปกับการ minify css, แปลง less เป็น css , รีเฟรซหน้าเว็บทุกๆครั้งด้วยตัวเอง อยู่หรือเปล่า บทความนี้จะพูดถึงเครื่องมือที่เข้ามาช่วยให้เราประหยัดเวล...

บทความนี้จะพูดถึงตัวอย่างการทำไฟล์อัพโหลดด้วยการใช้ Node.js + Express.js ร่วมกับ Middleware ของ Express.js ด้วย Multer สำหรับบทความนี้จะมีเทคโนโลยีที่เกี่ยวข้องดังนี้- Node.js...

> Last Updated : 16 September 2017 : ปรับปรุงเนื้อหา และทำตัวอย่าง source code ใหม่ทั้งหมดเนื่องจากบทความนี้เขียนไว้ค่อนข้างนานแล้ว ช่วงต้นปี 2015 และทุกวันนี้เทคโนโลยีเว็บก็ไ...

ช่วงนี้ผมสนใจงานด้าน Web Development ซะส่วนใหญ่ และก็กำลังหัดเล่นและใช้งาน MEAN Stack ทำให้ตอนนี้มุ่งเน้นไปที่ Node.js Express.js MongoDB ส่วน AngularJS รู้แค่เบสิคๆ และเผอิญได้อ่...

จากบทความที่แล้ว ผมได้พูดถึงเรื่องการทำ RESTful API ด้วย Node.js กับ Express เบื้องต้นไปแล้ว มาทำ RESTFul API ด้วย Node.js กับ Express กันดีกว่า(/blog/2014/09/restful-api-with-n...

<div class="box-info is-danger"> <p>บทความนี้ไม่ได้อัพเดท แนะนำอ่านบทความล่าสุดครับ <a href="https://devahoy.com/blog/2019/08/build-api-with-express-and-mongoose/">ทำ Backend AP...