Published onMarch 25, 2022 • Web Developmentอัพเดทเว็บอีกแล้ว v6.0 จาก Gatsby มา Next.jsสวัสดีครับ ตอนนี้เว็บ Devahoy ก็มีการเปลี่ยนแปลงอีกแล้วนะครับ คือเปลี่ยนจาก ~~Gatsby~~ มาใช้ Next.js เรียบร้อยแล้วจริงๆ ตัวหน้าเว็บ ถ้าไม่นับ...Web-DevelopmentBlogGatsbyNextJSNext.jsMDX
Published onJanuary 23, 2022 • Web Developmentแชร์วิธีการเพิ่ม Giscus Comment System ให้กับ Static Websiteหากใครทำเว็บ JAM Stack ไม่ว่าจะเป็น Gatsby, Next.js หรือ Static Site อื่นๆ ก็คงต้องมองหา Comment System ให้กับเว็บไซต์ของเรา ไม่เหมือน Wordpress ที่มีระบบ Comment ติดมาด้วยซึ่งพอเป็น JAMStack ตัว C...GatsbyComment-SystemGiscusStatic-WebJAM-Stack
Published onJuly 26, 2020 • Gatsbyบันทึกการการอัพเดท Blog v3 เปลี่ยนไปใช้ Gatsby + MDX และ Theme UIAhoy! สวัสดีครับวันนี้ผมจะมาเขียนบล็อกแชร์ประสบการณ์ และบันทึกการอัพเดท Blog ของผมกันนะครับ จริงๆ ไม่ได้ปรับแก้อะไรมากมาย ยังคงใช้ Gatsby เหมือนเดิม แต่ก็...ReactReact.jsGatsbyGatsby.jsMDXTheme-UIStyled-SystemSystem-UIEmotion
Published onApril 20, 2020 • Reactวิธีการ Deploy React กรณีใช้ subfolder บน Serverพอดีว่าได้มีโอกาสได้ทำ Single Page Application ด้วย React ของเว็บๆ นึง และที่นี้ปัญหาคือ เวลาเราไป Deploy เราต้องเอา SPA ของเราเนี่ย ไปเชื่อมต่อกับ Web ที่เค้ามีอยู่แล้ว โดยวางเป็น subfolder อีกทีนึง...ReactReact.jsGatsbyGatsby.jsNext.jsNextjsReact-Subfolder
Published onApril 14, 2020 • Web Developmentลองทำ Gatsby Search ค้นหาบทความด้วย Algoliaสวัสดีครับ บทความนี้ผมจะมาแชร์ วิธีการทำ Search บนเว็บไซต์นะครับ เนื่องจากว่าผมเพิ่งลองใส่ช่อง ค้นหา ที่บล็อกนี้ โดยใช้ Algolia นั่นเองและตัวบล็อกของผมเป็น Gatsby ที่ built เป็น Static Web ฉะนั้น ผ...GatsbyGatsby.jsGatsby-SearchGatsby-AlgoliaAlgoliaFull-Text-SearchWeb-DevReact
Published onJanuary 28, 2020 • Web Developmentรีวิว - ลองใช้งาน Gatsby CloudAhoy! สวัสดีครับเมื่อวานผมเลื่อน Twitter แล้วเจอ Gatsby Cloud มีอัพเดทครับ สิ่งที่สะดุดตาผมมากๆคือ Blazing fast build speeds! ...GatsbyGatsby.jsGatsby-Cloudรีวิว-Gatsby-Cloud
Published onDecember 29, 2019 • Gatsbyทำเว็บด้วย Gatsby และใช้ Ghost เป็น CMS กันเถอะสวัสดีครับ บทความนี้จะมาพูดถึงเรื่องการทำ Static Website ด้วย Gatsby กันนะครับ โดยจะใช้ Gatsby ทำเป็น Blog แต่ที่พิเศษกว่านั้น คือ เราจะไม่ใช้ Markdown ในการเขียน content ซึ่งส่วนนี้ทั้งหมด เราจะไปเข...GhostGatsbyJAM-StackStatic-WebGhost-APIGraphQLHeadless-CMSNetlify
Published onNovember 16, 2019 • ReactGatsby คืออะไร? + เริ่มต้นเขียน Gatsby กันดีกว่าสวัสดีครับ บล็อกนี้ดองไว้นานแล้วไม่ได้เขียนซักที เนื่องจากว่าตอนนี้บล็อกแห่งนี้ก็เปลี่ยนมาใช้ Gatsby มาได้ซักพักนึงแล้ว ก็เลยถือโอกาสเขียนถึง Gatsby ซักหน่อยละกันครับซึ่งบันทึกการย้ายมา Gatsby ผมเค...ReactReactjsGatsbyGraphQLFrontendStatic-Site-Generator
Published onAugust 18, 2019 • Web Developmentทำ Scroll smooth และ focus anchor linkให้ browser ไป focus ตำแหน่ง Anchor link เวลากดเข้ามา หรือ refresh url ยังไง?ตัวอย่างเช่น link `/path/to/urlstep3` ให้ไป focus ที่ `step3` เลยใช้ `window.onload` และ `window.scroll` (ถ้าจะให้มั...TILGatsbyhtmlscroll-smoothWindow-onloadGatsby-browser
Published onJuly 8, 2019 • Web Developmentบันทึกการทำบล็อกด้วย Gatsby บนเว็บ Devahoyหลังจากบทความก่อนหน้านี้ 3 เดือนที่แล้ว ผมเขียนบอกไว้ว่า Migrate จาก Middleman มา Gatsby แล้ว ซึ่งต่อจากนั้น ก็ไม่ได้มีเวลาอัพเดทเลย แถมปล่อยให้ lin...GatsbyReactWeb-DevelopmentCI/CDSemaphoreCloudflareGithub-PagesGithub
Published onApril 16, 2019 • ReactDevahoy อัพเดทเว็บ เปลี่ยนมาใช้ Gatsby แล้วนะสวัสดีครับ ห่างหายบทความไปพักใหญ่ๆเลย วันนี้มาพร้อมกับบทความว่าด้วยเรื่อง Devahoy เปลี่ยนจาก Middleman มาเป็น Gatsby เรียบร้อยแล้ว หลังจากใช้เวลาปรับแก้อยู่นานมากๆ ก็เลย...ReactGatsbyWeb-Development