Deploy an Internal Wiki with Gatsby, GitHub Actions, App Service Container and Docker Hub

เรียนรู้แนวทางการพัฒนา Static Website หน้าตาคล้ายๆ Wiki ไว้เพื่อใช้ภายในองค์กร ด้วย Gatsby และเตรียม Release Package เป็น Docker Image ไปยัง Docker Hub เพื่อ Deploy ไปยัง Azure App Service แบบอัฒโนมัติด้วย GitHub Action

Ponggun
T. T. Software Solution
3 min readSep 21, 2021

--

ผมได้มีโอกาสบรรยายให้กับสถาบันการเงินแห่งนึงร่วมกับแอรอนในนาม Codesanook ครับ โดยเป็นหัวข้อที่เน้นไปที่เรื่องของการพัฒนา Internal Wiki เพื่อใ้เป็นช่องทางในการแบ่งปันความรู้ในองค์กร โดยเลือก Gatsby ซึ่งจัดการเนื้อหาได้สะดวกด้วย Markdown และไม่ต้องกังวลกับ Database เพราะสามารถที่จะ Export ทั้งเนื้อหาและภาพ ออกมาเป็น Static Website ได้เลยครับผม

สิ่งที่จะได้จากบทความ

สิ่งที่ต้องเตรียมก่อนจะเริ่มศึกษาบทความนี้

  • WSL2 + Ubuntu 18.04 or 20.04
  • Docker Desktop with integrated WSL2
  • Node.js >= 12
  • Yarn
  • VS Code
  • Azure CLI + Azure free account
  • Git with SSH
  • Docker Hub account

รายละเอียดที่เกี่ยวข้อง

เนื้อหา

  • Benefit of Gatsby + Oauth2 proxy
  • Explore our project and run it locally
  • GitHub Actions 101
  • Explore our GitHub Actions workflow
  • Create a new App Service with Azure CLI
  • GitHub Secrets
  • Deploy with GitHub Actions to Azure App Service container and Docker Hub

เอกสาร

Source Code

ภาพเนื้อหาบางส่วนจากในเอกสาร

References

ขอบคุณมากๆเลยครับผม
นายป้องกัน

--

--

Ponggun
T. T. Software Solution

Development Manager, Web Developer with ASP.Net, ASP.net Core, Azure and Microsoft Technologies