เราก็คงเคยได้ยินได้เห็นกันมาบ้างแหละ SSR กับ CSR และก็พูดจนติดปาก แล้วก็พูดย่อเกินไปในบางครั้งจนอาจจะทำให้คนอื่นไม่เข้าใจ ยกตัวอย่าง ถ้าให้ web developer บอกว่าเว็บไซด์เป็น SSR ให้ mobile developer ฟังก็คงจะงงได้ เลยเกิดเป็นบทความนี้ครับ CSR SSR SSG SPA ISR คืออะไร?

• Client Side Rendering (CSR)

  CSR คือความสามารถของ framework/library ที่ทำการ Render HTML ในบราวเซอร์ ฝั่งผู้ใช้งาน (client side)

• Server Side Rendering (SSR)

  SSR คือความสามารถของ framework/library ที่ทำการ Render HTML ฝั่ง Server จากนั้นจะส่ง HTML กลับไปยังบราวเซอร์

• Static Site Generation (SSG)

  SSG คือความสามารถของ framework/library ที่ทำการ build และ Render HTML ฝั่ง Server จากนั้นจะส่ง HTML กลับไปยังบราวเซอร์

• Single Page Application (SPA)

  SPA คือความสามารถของ framework/library ที่สามารถเปลี่ยนหน้าเพจดโดยไม่ต้องโหลดหน้าเว็บใหม่

• Incremental Static Regeneration (ISR)

  ISR คือความสามารถของ framework/library ระหว่างแบบ SSG กับ SSR