iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1434 瀏覽

鐵人賽 Modern Web DAY 10

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 10 篇

技術 #10 實作篇 — 使用 SWR 抓取和 Cache 資料

嗨大家！昨天跟大家分享一個 library 叫做 SWR，文章在這裡～今天用 SWR 新增了小功能，使用者可以輸入 Github username 然後列出該...

Jade ‧ 2021-09-25

0 Like 0 留言 588 瀏覽

鐵人賽 Modern Web DAY 9

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 9 篇

技術 [Day 9]人不作死就不會死(前端篇)

挑戰目標: MockNative Camp前端昨天嘗試refactor時遇到了來不及解決的Bug，今天專心的在看一遍官方文件，這次注意到了當時我使用的是se...

Moscle.dev ‧ 2021-09-24

0 Like 0 留言 3570 瀏覽

鐵人賽 Modern Web DAY 9

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 9 篇

技術 #09 No-code 之旅 — 怎麼在 Client-side 抓取資料？SWR 簡介

安安！前幾天講了怎麼在專案裡用些 data fetching functions 做 pre-rendering。不過如果想要直接在 client-side 抓...

Jade ‧ 2021-09-24

0 Like 0 留言 586 瀏覽

鐵人賽 Modern Web DAY 8

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 8 篇

技術 [Day 8]開賽八天即遭遇難題(前端篇)

挑戰目標: MockNative Camp前端今天原本是要來refactor和解決hover的問題的，但是在將navtab給component化時遭遇難題，...

Moscle.dev ‧ 2021-09-23

1 Like 0 留言 2702 瀏覽

鐵人賽 Modern Web DAY 8

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 8 篇

技術 #08 實作篇 — 使用 Next.js 的各種 Data Fetching 方式實作小專案 ft. Github API

大家好！昨天實作了小小專案，也寫了一篇短短的介紹文，那今天跟大家分享怎麼用 Next.js 的各種 data fetching functions 串 API...

Jade ‧ 2021-09-23

0 Like 0 留言 2320 瀏覽

鐵人賽 Modern Web DAY 7

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 7 篇

技術 #07 簡介篇 — 使用 Next.js 的各種 Data Fetching 方式實作小專案 ft. Github API

看了好幾天的 Next.js 介紹，是不是想要開始做個小專案，試試 Next.js 呢？我今天做了小小 project 使用 Next.js 的各種 data...

Jade ‧ 2021-09-22

0 Like 0 留言 651 瀏覽

鐵人賽 Modern Web DAY 6

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 6 篇

技術 [Day 6]中秋時在做什麼，有沒有空，可以幫想標題嗎(前端篇)

今天來實作Navite Camp的Nav，看官們可以點網址去看他的效果，因為沒有時間，滑鼠移動到各tab時下面橘色border會滑順的移動，這個暫時沒時間去實作...

Moscle.dev ‧ 2021-09-21

1 Like 0 留言 7847 瀏覽

鐵人賽 Modern Web DAY 6

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 6 篇

技術 #06 No-code 之旅 — 用 Next.js 解決前後端？API Routes 簡介

連假最後一天！分享了一些關於 Next.js 這個框架，雖然他是 React 的框架，可是你們知道嗎？Next.js 也可以同時實作後端喔！沒錯，前後端全包～...

Jade ‧ 2021-09-21

0 Like 0 留言 604 瀏覽

鐵人賽 Modern Web DAY 5

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 5 篇

技術 [Day 5]新手村外的首戰是史萊姆應該是定番吧

今天我們來完成Header，不過位置方面我是使用Tailwinds CSS，要花時間客製化位置，但我沒那麼多時間所以沒辦法對的很準，請看官們見諒。這是Nati...

Moscle.dev ‧ 2021-09-20

0 Like 0 留言 7922 瀏覽

鐵人賽 Modern Web DAY 5

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 5 篇

技術 #05 No-code 之旅 — Next.js 的 Pages 與 Routing

嗨嗨嗨！昨天看完怎麼抓取資料的方式會影響到網頁的渲染模式之後，今天的主題是 Next.js 的 Pages 與 Routing。Next.js 的 routin...

Jade ‧ 2021-09-20

0 Like 0 留言 606 瀏覽

鐵人賽 Modern Web DAY 4

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 4 篇

技術 [Day4]專案始動-續(前端篇)

今天我們繼續來設定我們的架構，首先先把index.js的預設內容給刪除掉。透過檢視原始碼，可以取得title以及icon，整理一下之後index.js imp...

Moscle.dev ‧ 2021-09-19

0 Like 1 留言 2362 瀏覽

鐵人賽 Modern Web DAY 4

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 4 篇

技術 #04 No-code 之旅 — Next.js 中的 Pre-render 與 Data Fetching

嗨大家！昨天跟大家分享了四種網頁渲染方式，那今天來講講該怎麼用 Next.js 實作～在 Next.js 裡，抓取資料的方式會影響到渲染方式。上一篇提到 Ne...

Jade ‧ 2021-09-19

0 Like 0 留言 535 瀏覽

鐵人賽 Modern Web DAY 3

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 3 篇

技術 [Day 3]專案始動(前端篇)

到底該為一路順暢沒出Bug高興還是遇到難題花時間克服狂喜，都幾來啟動專案囉，使用的IDE為VScode，為什麼不是WebStrom呢，我開發後端都會選擇Je...

Moscle.dev ‧ 2021-09-18

0 Like 1 留言 2105 瀏覽

鐵人賽 Modern Web DAY 2

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 2 篇

技術 #02 No-code 之旅 — Next.js 簡介

大家星期五快樂！TGIF～今天想跟大家分享 Next.js 這個 React 框架 (官網寫 "The React Framework for Pr...

Jade ‧ 2021-09-17

0 Like 0 留言 11124 瀏覽

徵才 [台北] Web Application Developer

新場景股份有限公司為台灣第一家以網路垂直領域意見領袖（a.k.a 網紅）作為標籤的快銷品公司，公司成立於 2019 年，為新媒體網紅解決方案提供方 PressP...

Arco ‧ 2021-04-15

1 Like 0 留言 8751 瀏覽

鐵人賽 Modern Web DAY 15

前端工程師一起來種一棵後端技能樹吧！系列第 15 篇

技術 [Day 15] Server-Side-Rendering - (2) feat. Next.js

前一天介紹了 SSR 基本概念，今天則是要介紹 React 最有名的 SSR 框架：Next.js。今天不是要來講 Next.js 怎麼使用，畢竟網路上學習資...

莫力全 Kyle Mo ‧ 2020-09-28 ‧團隊不要搶我隊友

3 Like 0 留言 14456 瀏覽

鐵人賽 Modern Web DAY 14

前端工程師一起來種一棵後端技能樹吧！系列第 14 篇

技術 [Day 14] Server-Side-Rendering - (1)

最近在 Frontend 技術圈裡，Server-Side-Rendering（SSR）可說是一個越來越火熱的概念，剛好現在工作上的架構就是使用 Next.j...

莫力全 Kyle Mo ‧ 2020-09-27 ‧團隊不要搶我隊友