鐵人檔案
Full Stack Web Development with Next.js, Supabase, Typescript, tailwindcss, and graphGL
這不是網站製作入門的教學，所以不做JavaScript, HTML, 和CSS的基本介紹說明 在網站實作過程中，會使用到下列的 JavaScript 功能:Fu...
What is Node.jsNode.js 的開發者 Dyan Dahi 2009年公開 Linux 和 macOS版本的 Node.js，並宣布Node.j...
What is React? React是什麼，React 官網上這句話簡潔正確的告訴大家，React 是 "A JavaScript library...
Next.js 是 the React framework for production (https://nextjs.org/)。相對於在 React 之下...
確定安裝 Node.js 之後，我們就可以用開始安裝 Next.js，有兩種方法安裝 Next.js: 使用 create-next-app 指令。 npx...
Setup 好 Next.js 環境後，可以開始 coding，做一個非常簡單的 blog。 首先，在 n02-blog/pages 目錄下，新增一個檔案 i...
Next 非常適合來架設 blog 網站， blog 網站裡面文章(post) 的網址(URL )是動態(dynamic) 的，例如：標題 "Hell...
getInitialProps()修改昨天 程式的缺點：[id].js 中， 有加上 if (!post) return ，是因為提交時(rendering)，...
Next 提供多項網站優化功能 讓搜尋引擎找到的機會增加。Head 元件在網站網頁加入 meta 資料，可以增加網站在搜尋引擎結果上的曝光度。在 React a...
這個 app 將從 supabase 讀取資料，在透過自製 Tailwind CSS 元件，呈現類似 netflix，hulu 的影像畫廊(image gall...
