ในการเพิ่ม jquety ใน nextJs เราจะเพิ่มในส่วนของ body ที่อยู่ในไฟล์ pages/_app.js

ตัวอย่างโค้ด

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

เปลี่ยน version ได้ตามที่เราต้องการใช้

เราสามารถเอาไปวางในส่วน head ก็ได้ ตามตัวอย่าง

ตัวอย่างโค้ด

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3O6UJJ0etxigL2nbFvVYAYsD7XwfvHgisSbr8=" crossorigin="anonymous"></script>

นอกจากนี้เรายังสามารถเพิ่มแบบ import ได้อีกด้วย ดังตัวอย่าง

ตัวอย่างแบบ import

import $ from 'jquery'

ก่อนที่จะใช้ import เราก็ต้องไป install กันก่อน

npm install jquery