Skip to content

karn18/fly-phlex-wired

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FlyPlexWired

View performance data on Skylight View performance data on Skylight Ruby Style Guide js-standard-style

โปรเจ็คนี้ถูกสร้างเพื่อทดลองใช้งาน Fly.io และอะไรต่างๆ นาๆ เข้าไปชมได้ที่ 👉 alpha.karn.work

เป็น view component ที่ถูกพัฒนาด้วย Ruby ล้วนๆ และเค้ารับประกันว่าเร็วมากกว่า ActionView หรือ ViewComponent เสียอีก

❗️ พอได้ลองใช้จริงๆ แล้วในความรู้สึกส่วนตัวการสร้าง HTML ดูไม่เป็นธรรมชาติเหมือนใช้ ViewComponent ซึ่งถ้าจะให้แนะนำก็คงเลือกใช้ ViewComponent ดีกว่า ถึงแม้ว่ามันจะช้ากว่า Phlex ก็ตาม ดังนั้นในโปรเจ็คนี้ก็เลยติดตั้ง ViewComponent คู่กับ Phlex ไปด้วยเลย

แน่นอนว่าเรายังคงไปต่อกับ TailwindCSS สำหรับการพัฒนา UI เพราะยังรู้สึกว่าใช้งานได้สะดวก และรวดเร็วอยู่

ผูกผันกันมานานจนแยกไม่ออกซะแล้ว ตอนนี้ได้อัพเดต Turbo เป็นเวอร์ชัน 7.2.0 ทำให้ตอนนี้เราสามารถใช้ turbo-stream กับ GET request ได้แล้ว ลองเข้าไปเล่นได้ที่หน้า Qoute

ด้วยกระแสที่ Heroku จะไม่มี Free Plan อีกต่อไป ทำให้ต้องลองมองหา Free Host อื่นๆ มาลอง ซึ่งก่อนหน้านี้ก็ไม่เคยได้ลองใช้มาสักตัว

Screen Shot 2022-09-19 at 15 19 23

สำหรับ Free Plan ก็เพียงพอให้เรารัน app พร้อม database และยังมี redis อีกด้วย

  • Using Github Action to deploy application.

Screen Shot 2022-09-19 at 18 02 08

เวลาที่ใช้ในการ deploy ไปยัง Fly.io ก็ประมาณ 3 นาทีกว่า

  • Add custom domain, redirect alpha.karn.work to fly-phlex-wired.fly.dev

แม้ว่า Fly.io จะโฮสโปรเจ็คไว้ได้ แต่ยังติดเรื่องการ caching assets ดังนั้นจึงต้องพึ่ง AWS Cloud Front มาช่วย

Screen Shot 2022-09-19 at 18 04 44