鐵人檔案
對於工程師來說選擇用什麼樣的技術，背後都是取決於商業策略需要什麼，以常見的 SSR、pre-rendering 來說，不外乎是希望網站整體的 SEO 能夠變好，或是提升使用者體驗。而現在 SPA 盛行的時代，許多網站在沒有框架或後端支援的情況下，僅僅使用像是 React 或 Vue 等前端框架，要做到 SSR 或 pre-rendering 還需要做許多設定，做這些技術研究都得花費時間成本與心思，最後才能導入到專案中。Next.js 幫助工程師事半功倍，不必再花費很多時間處理 pre-rendering 或 SSR 等等的問題，而是利用框架的優勢，讓工程師更專注在開發核心功能上面。
前言 大家好，我是 Leo，這是我第一次參加 IT 鐵人，心裡滿是期待。過去只有在 Medium (筆名 Airwaves) 上經營自己的技術部落格，每年到了...
為什麼你需要 Next.js ? 對於工程師來說選擇用什麼樣的技術，背後都是取決於商業策略需要什麼，以常見的 SSR (Server Side Renderi...
前言 在這篇文章中，我們來聊聊 CSR、SSR 與 SSG 的不同，這三者皆是現今常被提到的網頁技術，而 Next.js 同時支援了這三種技術，我們可以在不同的...
Page Next.js 的 routing 跟一般常見的 react + react-route-dom 的組合不太一樣，是採用 file-based rou...
Link 在了解了 Next.js 的三種路由方式後，接下來就讓我們來聊聊怎麼在 component 切換頁面吧！ 在 Next.js 中切換頁面是用 clie...
前言 在前幾篇文章中，我們瞭解了 Next.js 的 file-based routing 機制，知道了三種不同的 routing 模式，並且也知道要怎麼使用...
前言 Next.js 的 pre-rendering 實作是這個框架的一大賣點，在 Next.js 中的 pre-rendering 有兩種實作方法，一個是 S...
前言 在前一篇文章中，我們暸解了如何使用 getStaticProps 讓 Next.js 可以在打包階段產生靜態的 HTML 檔案，讓使用者在瀏覽指定網站時，...
前言 Next.js 的 pre-rendering 分成兩種形式，一種是 SSG (Static Side Generation)，另一種是 SSR (Ser...
getInitialProps 是較為老舊的 API Next.js 9.3 版本後，官方釋出了兩個新的 API 分別為 getStaticProps 與 ge...
