Free Hosting with Netlify

ในบทความนี้เราจะมาแนะนำสำหรับคนที่ทำงานเขียนเว็บไซต์อยู่แล้ว แล้วอยากจะมีเว็บไซต์เป็นของตัวเอง ไม่ว่าจะเป็นเว็บ Profile ตัวเอง หรือเว็บเกี่ยวกับ content ต่างๆที่บ่งบอกถึงตัวเองหรือจะเป็นเว็บเกี่ยวกับอะไรก็ได้ โดยที่ไม่อยากเสียเงินในการจ่ายค่า Hosting แถมเว็บไซต์เรายังได้ SSL ด้วยดูน่าเชื่อถือไปอีก ยังมี feature auto deploy ให้อีก เพียงแค่ push code ขึ้น github เว็บเราก็จะถูก publish ให้ทันที โดยสิ่งที่เกริ่นมาทั้งหมดนั้น ก็คือ Netlify นั่นเอง โดยที่บทความนี้จะใช้ Gatsby Github และ Netlify เริ่มกันเลย

สิ่งที่ต้องมีก่อนใช้ Netlify

1. มีโปรเจคที่สร้างด้วย Gastby
2. มี Repository สำหรับจัดเก็บ Source Code โดยใช้ Github

เริ่มใช้ Netlify

1. ให้เข้าเว็บไซต์ของ Netlify คือ https://www.netlify.com/ เมื่อเข้าสู่เว็บไซต์แล้วจะได้ตามรูป

2. สำหรับใครที่ยังไม่เคยเข้าใช้ Netlify ให้ทำการ Sign up ก่อน โดย admin Sign up ด้วย Github

3. เมื่อ Sign up เรียบร้อยแล้ว จะเข้าสู่หน้าที่แสดงรายละเอียดต่างๆ โดยแบ่งออกเป็นแทบต่าง ในบทความนี้จะพูดถึงแค่ 3 แทบเท่านั้น ดังนี้

   • Sites ข้อมูลในแทบนี้จะแสดงเว็บไซต์ของเราทั้งหมดที่อยู่บน Netlify
   
   

   

   
   
   • Builds ข้อมูลในแทบนี้จะแสดงจำนวนในการ build source code ใน การ deploy ว่าเกิดขึ้นเวลาไหนแล้วแสดงสถานะว่าสำเร็จหรือไม่
   
   

   

   
   
   • Domains ข้อมูลในแทบนี้เป็นการกำหนด DNS ต่างๆ ของ Domain ของเราให้ชี้มาที่ Netlify แทน DNS ที่เราได้มีการซื้อไว้
   
   

   

4. เริ่มสร้าง site บน Netlify ไปที่แทบ Sites แล้วเลือก New site from Git หลังจากนั้นจะมี step 3 step ให้เรากำหนดค่าต่างๆ ดังนี้

   • step 1 ให้ระบุว่าจะใช้ Git Provider เจ้าไหน ในที่นี่จะใช้เป็น Github ก็จะเลือกเป็น GitHub
   
   

   

   • step 2 เลือก repository ที่เราต้องการ
   
   

   

   • step 3 กำหนดการ deploy ต่างๆ ว่าจะเอาโค้ดจาก branch ไหน แล้ววิธีการ build ใช้คำสั่งอะไร และเอาส่วนไหนไป deploy
   
   

   

   
   
5. เมื่อกำหนดค่าต่างเรียบร้อยแล้วให้กด Deploy site ได้เลยที่อยู่ใน step 3 หลังจากนั้น Netlify จะเริ่ม Deploy พร้อมแสดงสถานะว่ากำลัง Deploy ให้เราอยู่

6. เมื่อ Netlify Deploy ให้เราเสร็จเรียบร้อยแล้วจะสร้าง domain ให้เราเป็น HTTPS ให้เลย เราสามารถใช้ domain นี้เข้าสู่เว็บไซต์ได้เลย

สรุป

จะเห็นว่าเจ้า Netlify ได้เตรียมเครื่องมือต่างๆไว้ให้เราได้ใช้งานสะดวกสบายมาก เพียงแค่เรา push code ขึ้น git เจ้า Netlify ก็จะ ทำการ Build และ Deploy ให้เราใหม่ซึ่งสะดวกมาก แถมยังสร้าง domain พร้อมกับ https ให้อีก แต่ถ้าใครจด domain ไว้แล้วก็สามามารถ custom domain เป็นของเราได้ และ Netlify ก็จะทำ domain เราเป็น HTTPS ให้ด้วย ยังก็ไปลองใช้งานกันดูนะครับ ของดีและฟรีมีอยู่จริงครับ