iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

Next.js + 各種套件組合 系列

Next.js 是一個基於 React 的 FrameWork 包裝好一些 Webpack 與 Babel 還有 Router 等等 ,這次30天裡面來介紹 Next.js 各種套件組合的介紹

參賽天數 26 天 | 共 30 篇文章 | 40 人訂閱 訂閱系列文 RSS系列文 團隊線上讀書會
DAY 11

Next.js & ApolloData(二) 基本設定

介紹 ApolloClient & ApolloProvider 之中有提供幾個不錯的功能,來介紹一下有哪些參數可以使用 ​ link: Apollo...

2017-12-14 ‧ 由 polo 分享
DAY 12

Next.js & ApolloData(三) Query & Mutation

介紹 前面兩篇ApolloData相關基本設定介紹後,接下來是 graphql 的HOC綁定 gql時候的語法,以及如何使用 Query 與 Mutation...

2017-12-15 ‧ 由 polo 分享
DAY 13

Next.js & Redux-Saga

介紹 Redux 是一個 Global State Management ,提供了一個 Store 的使用所有的State(reducer)都會在這裡 ,而當有...

2017-12-16 ‧ 由 polo 分享
DAY 14

Next.js & Webpack-Bundle-Analyzer

介紹 Next.js 基本就幫忙包好一些常用的 Webpack,這次使用 Webpack-Bundle-Analyzer ,這個可以看出程式 package 大...

2017-12-17 ‧ 由 polo 分享
DAY 15

Next.js & React-md

介紹 Next.js 套件中有個比較輕量級,material design 的 React-md ,很容易的使用設定上比較簡單這邊來介紹這個 React-md...

2017-12-18 ‧ 由 polo 分享
DAY 16

NEXT.JS & Page Transitions

介紹 在Next.js中,在Route轉換的時候希望有過場效果,這次來介紹兩個 Page Transitions的寫法,因為在Next.js中如果更換 Rout...

2017-12-19 ‧ 由 polo 分享
DAY 17

Next.js + SSR Cache

介紹 Next.js SSR部分如果要更快,可以參考這次要介紹的作法,主角是 'lru-cache' 先設定一個 LRUCache,max 一定要記得設定沒有設...

2017-12-20 ‧ 由 polo 分享
DAY 18

Next.js & Dotenv

介紹 在部署的時候的通常會用到環境變數的設定,通常會在 package.json 中的script 加上環境變數不過這樣管理上比較不方便,有時候也會寫在本機的環...

2017-12-21 ‧ 由 polo 分享
DAY 19

Next.js & Gh-Pages

介紹 Github 有提供了一個可以放靜態網頁的地方,就是在 Github 中開一個 git branch gh-pages,把程式碼丟上去就可以使用了,git...

2017-12-22 ‧ 由 polo 分享
DAY 20

Next.js & Socket.io

介紹 聊天室都會想到使用 Socket.io來製作,因為有持續監聽與 Server Side 可以主動 PUSH 的特性,一般的網頁方式就要定期去發Reques...

2017-12-23 ‧ 由 polo 分享