Published onMarch 20, 2022Day12 用 TailwindCSS 切版部落格首頁,顯示 WordPress 文章列表13屆IT鐵人賽Next.jsTailwindCSS使用 Tailwind CSS 做點簡單切版,美化文章列表的樣式!
Published onMarch 20, 2022Day11 TailwindCSS 介紹,在 Next.js 專案安裝 TailwindCSS13屆IT鐵人賽Next.jsTailwindCSS安裝 Tailwind CSS 這套 CSS 框架在 Next.js,準備做點簡單切版,美化文章列表的樣式
Published onMarch 20, 2022Day10 在 Next.js 安裝 apollo-graphql,串接 WordPress GraphQL API(下)13屆IT鐵人賽Next.jsWordPressGraphQLWPGraphQLApollo在 Next.js 使用 ApolloClient 串接 WordPress GraphQL API,抓取文章列表資料,顯示在部落格首頁
Published onMarch 20, 2022Day9 在 Next.js 安裝 apollo-graphql,串接 WordPress GraphQL API(上)13屆IT鐵人賽Next.jsWordPressGraphQLWPGraphQLApollo在 Next.js 安裝 apollo-graphql package,將用來串接 WordPress 的 GraphQL API
Published onMarch 20, 2022Day8 GraphQL 介紹、在WordPress 上安裝 WPGraphQL plugin13屆IT鐵人賽Next.jsWordPressGraphQLGraphiQLWPGraphQL在 WordPress 上安裝 WPGraphQL plugin,建立 GraphQL API,提供 Next.js 前端抓取文章資料
Published onMarch 20, 2022Day7 使用 Vercel 發布我們的 Next.js 網站,搭配 Github 實現自動部署13屆IT鐵人賽Next.jsVercelGithubCICD將 Next.js 專案發布到 Vercel,在線上看到你的成果,並且使用 Github 自動部署。
Published onMarch 20, 2022Day6 建立 Next.js 專案 - 使用 create-next-app13屆IT鐵人賽Next.jsCreate-Next-App使用 create-next-app 建立 Next.js 專案,目標是能在自己電腦上成功開啟 Next.js 網頁。
Published onMarch 20, 2022Day5 Next.js 介紹 - Production-ready 的 React.js 框架13屆IT鐵人賽Next.jsNext.js 是高級版的 React.js 全端開發框架,支援 Server Side Rendering 等各種渲染策略,大幅提升 DX 開發者體驗及 UX 網站訪客體驗,是非常值得學習的技術。
Published onMarch 20, 2022Day4 WordPress 介紹,基礎設定與發文13屆IT鐵人賽Next.jsWordPressBlueHostYoastSEO設定個人部落格 WordPress 的基礎設定,完成文章發布
Published onMarch 20, 2022Day3 WordPress 架設 - 尋找最適合我們的 WordPress 架站平台 BlueHost13屆IT鐵人賽Next.jsWordPressBlueHost為我們的個人部落格尋找 WordPress CMS 託管平台,選擇 CP 值最高的 BlueHost 實作,手把手完成架設
Published onMarch 20, 2022Day2 個人部落格需求規劃 - Next.js Frontend + Headless WordPress13屆IT鐵人賽Next.jsWordPress這系列文章我們會實作個人部落格,使用 Next.js 前端搭配 Headless WordPress as CMS 後端。改善 DX 開發者體驗、編輯者體驗、UX 讀者體驗、SEO 搜尋引擎優化
Published onOctober 17, 2021Day1 用 Next.js 拆分 Wordpress 前端 - 系列簡介13屆IT鐵人賽Next.jsWordPress這系列文章我會詳實紀錄我用 Next.js 拆分 WordPress 前端的過程,比重大概 30% 會在 WordPress 調整,70% 會在 Next.js 新專案建立、畫面切版、功能實現。會以建立個人部落格為主題,從最初 WordPress 架設,到 Next.js 優化