在這 30 天想要製作最近很紅的 no-code (無程式碼) 網頁~
身為喜歡寫程式的工程師,這次想挑戰的並不是使用 no-code 平台實作一個網頁出來,而是自己手刻製作無程式碼的個人網頁。什麼意思?我會:
- 用 Next.js 做整個網頁
- 串各種 API 顯示資料當網頁內容
- 部署
那 no-code 的點在哪呢?這網頁不需要更新或編輯,都會自動拿到最新資料,而且做完之後大家都可以拿來用做自己的個人網頁!所以 no-code 是未來(開發完)的事,也是對其他人來說應該是 no-code 沒錯XD
歡迎看看我的無程式碼之旅 <3
大家有沒有發現當有人在社群軟體分享網址的時候,通常除了網址本身還會看到一張縮圖加上網站的標題和描述?這就是用 Open Graph (OG) 設定出來的!今天會...
大家~ 今天文章會特別短Q 來講一下靜態網站可以部署到哪裡呢?大家應該常聽到 Github Pages,不過其實還有很多服務可以用!那今天我會列幾個好用而且免費...
大家~ 今天文章會也會很短Q 昨天講了靜態網站可以部署到哪裡之後,今天來講 Next.js 的專案可以部署到哪?Next.js 專案基本上是用 Node.js...
嗨大家!今天在串 Notion SDK 時因為想要實作 pagination (分頁) 的關係,才發現在 client-side 呼叫會遇到 CORS 問題。這...
嗨大家!像昨天說的,今天會講怎麼用 SWR 實作 Notion 部落格的 pagination (分頁) 功能~ 還沒看昨天的文章的大家,可以點這裡,今天的文章...
連假結束了Q 今天來講怎麼實作 dark mode 還有怎麼使用 Google Fonts 讓網站看起來更好看!我們會用 Chakra UI 去實作 dark...
嗨嗨!今天來講一下怎麼設定網站的 favicon!還有用 Next.js 也可以快速設定每個頁面用不一樣的 favicon 喔!還不知道什麼是 favicon...
嗨!因為最近系列文快要結束了,所以也準備把專案推上去 production 了。Next.js 有列幾個推 production 之前該注意的事項,其中一項就是...
哇 倒數一天!最近都在準備把專案推上去 production 了,大家可以看看 Next.js 整理的推上 production 之前的注意事項。我們今天來走一...
最後一天!禮拜五快樂!恭喜大家完賽!恭喜自己XD 今天來回頭看看我們這三十天學了哪些事,還有講一下未來規劃~ 回顧 來回顧一下這 30 天的文章: 系列文...