เฟรมเวิร์ก NextJS ในฐานะเครื่องมือของเว็บไซต์

ในสมัยก่อน เมื่ออินเทอร์เน็ตเพิ่งเริ่มต้น เว็บไซต์ถูกพัฒนาโดยใช้ HTML อย่างเดียว อย่างไรก็ตาม วิธีนี้ค่อนข้างไม่สะดวก ดังนั้นจึงมีโปรแกรมพิเศษที่เขียนด้วยภาษาแบ็กเอนด์ (PHP, NodeJS ฯลฯ) เกิดขึ้นเพื่อทำให้การพัฒนาเว็บไซต์ง่ายขึ้น โปรแกรมที่สนับสนุนการทำงานของเว็บไซต์เรียกว่า เครื่องมือของเว็บไซต์

ลองมาพูดคุยกันว่าเว็บไซต์ที่ใช้ HTML อย่างเดียวมีปัญหาอะไรบ้าง เครื่องมือช่วยแก้ไขปัญหานี้อย่างไร และ NextJS เกี่ยวข้องกับเรื่องนี้อย่างไร

สมมติว่าคุณมีเว็บไซต์หลายหน้าที่ใช้ HTML อย่างเดียว ในแต่ละหน้าของเว็บไซต์ คุณจะมีส่วนที่เหมือนกัน (เช่น ส่วนหัว ส่วนท้าย แถบด้านข้าง) และส่วนที่แตกต่างกัน (เนื้อหาของหน้า ชื่อหน้า)

สมมติว่าคุณต้องการทำการเปลี่ยนแปลงบางอย่าง เช่น ในส่วนหัวของเว็บไซต์ ในกรณีนี้คุณต้องแก้ไขในไฟล์ทั้งหมดที่มีส่วนหัวนั้น แน่นอนว่านี่ไม่สะดวกนัก

ดังนั้นเว็บไซต์สมัยใหม่จึงทำงานบนเครื่องมือ เครื่องมือใช้แนวทางพิเศษ แก่นแท้ของแนวทางนี้คือการสร้างไฟล์เดียวที่มีเค้าโครงทั่วไปของเว็บไซต์ ไฟล์นี้จะประกอบด้วยส่วนทั่วไปของเว็บไซต์

ขึ้นอยู่กับ URL ที่ร้องขอ เนื้อหาของเว็บไซต์ที่สอดคล้องกับ URL นั้นจะถูกแทรกลงในตำแหน่งพิเศษของเค้าโครง

นอกจากเนื้อหาบนหน้าแล้ว ชื่อหน้าปกติก็เปลี่ยนไปด้วย ในขณะที่เนื้อหาและชื่อหน้าจะถูกแทรกในตำแหน่งที่ต่างกันของเค้าโครง สิ่งนี้ก็ได้รับการสนับสนุนโดยเครื่องมือของเว็บไซต์เช่นกัน

หาก SEO สำคัญสำหรับเรา แต่ละหน้าของเว็บไซต์จะต้องมีคำอธิบายเมตาของตัวเอง และจะต้องถูกแทรกลงในตำแหน่งของเค้าโครงด้วยเช่นกัน

เฟรมเวิร์ก NextJS ทำงานในลักษณะที่อธิบายไว้ นั่นคือมันเป็นเครื่องมือของเว็บไซต์ของเรา ดังนั้นที่ไหนสักแห่งจะมีไฟล์พิเศษที่มีเค้าโครงทั่วไปของเว็บไซต์ เราจะศึกษามันในส่วนนี้ของตำราเรียน