Tag: Next.js

Web Development

ลองทำ Custom Form แล้วส่งให้ Google Form เก็บข้อมูลให้

จะดีกว่าไหม ถ้าเราสามารถทำหน้าตาฟอร์มเอง แล้วส่งไปหา Google Form ได้เลย

ประมาณ 1 เดือนที่ผ่านมา

Web Development

มาลองสร้าง Intro Page ใน Next.js ด้วย Middleware

แนะนำวิธีการทำหน้า Intro Page ใน Next.js อย่างง่าย พร้อมจัดการที่ยืดหยุ่นด้วย Middleware

ประมาณ 2 เดือนที่ผ่านมา

Web Development

จัดการ Request ใน Next.js ให้ง่ายกว่าเดิมด้วยการทำ Middleware Stack

3 เดือนที่ผ่านมา

Web Development

การเปลี่ยน Datepicker ของ Ant Design ให้เป็น Thai Locale สำหรับ Next.js (App Router)

สำหรับใครที่อยากจะเปลี่ยน Locale Datepicker ของ Ant Design ให้เป็นภาษาไทย ใน Next.js (App Router) มาดูวิธีการทำกันเลย

11 เดือนที่ผ่านมา

Web Development

การติดตั้งฟอนต์ แบบ self-host เพื่อใช้งานใน Next.js

ในบทความนี้ผมจะพามาดูวิธีการติดตั้งฟอนต์ใน Next.js แบบไม่ต้องใช้ CDN หรือที่เรียกว่า self-host

ประมาณ 1 ปีที่ผ่านมา

Web Development

Allow Image ทุก Domains ใน Next.js

มากกว่า 1 ปีที่ผ่านมา

Web Development

การแก้ปัญหา hydration error ใน Next.js (React)

ใน Next.js จะมีการทำ Pre-rendering ซึ่งเวลาเราใช้งานอาจจะเกิดปัญหา hydration error ได้ ในบทความนี้เราจะมาดูวิธีแก้กัน

มากกว่า 1 ปีที่ผ่านมา

Web Development

ลอง Deploy Next.js บน Digital Ocean ด้วย Nginx และ PM2

ในบทความนี้เราจะมาลอง Deploy Next.js บน Digital Ocean กันดูบ้าง จากบทความครั้งก่อนที่ผมได้ลองสร้าง Droplet บน Digital Ocean ไป โดยผมจะข้ามการสร้าง Droplet ไป เข้าสู่การ ssh เข้าไปที่ Droplet กันเลย โดย Droplet ที่ผมใช้จะเป็น Ubuntu 22.10

ประมาณ 2 ปีที่ผ่านมา