iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Full Stack Web Development 網站實作 系列

Full Stack Web Development with Next.js, Supabase, Typescript, tailwindcss, and graphGL

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 使用Next.js和 Supabase -- CRUD(2)

Twimg.js (Create 功能)TwUpdate.js (Update 功能)TwDelete.js (Delete 功能) // components...

2022-10-06 ‧ 由 tjabi 分享
DAY 22

Day 22 GraphQL (1) - Apollo Server

REST 和 GraphQL:REST:REST(REpresentational State Transfer) 是最為常見的 Server 提供介面給瀏覽器...

2022-10-07 ‧ 由 tjabi 分享
DAY 23

Day 23 GraphQL(2) - Apollo Server

Server:用 Apollo Server library 來建立 GraphQL server。新增 GraphQL-server 目錄,安裝 apollo...

2022-10-08 ‧ 由 tjabi 分享
DAY 24

Day 24 GraphQL (3) - Apollo Server 和 Client

接下來,完成定義在 schema 的功能:client 可以呼叫(call) 這個 server 然後獲得 greeting。也就是 server 傳回 gre...

2022-10-09 ‧ 由 tjabi 分享
DAY 25

Day 25 GraphQL (4) - Apollo Server - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app

做一個圖書管理 app.首先,建立一個 Apollo Server:(1) 建立一個新專案(Create a new project): mkdir Graph...

2022-10-10 ‧ 由 tjabi 分享
DAY 26

Day 26 GraphQL(5) - Apollo Server - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app(2)

(8) 執行 query:現在可以在我們的 server 上,執行 GraphQL queries。打開瀏覽器,進入 http://localhost:4000...

2022-10-11 ‧ 由 tjabi 分享
DAY 27

Day27 GraphQL(6) - Apollo Server - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app(3)

繼續修改程式:(1)列出每一位作者的所有著作。(2)列出每一本書的作者的明細資料。 目前我們的 schema 有兩個 object types:Author 和...

2022-10-12 ‧ 由 tjabi 分享
DAY 28

Day 28 GraphQL(7) - Apollo Server -Mutation - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app(4)

Mutations 新增修改資料:在 REST,我們使用 POST 和 PUT 新增修改資料,在 GraphQL,用 mutations 新增修改資料。 現在,...

2022-10-13 ‧ 由 tjabi 分享
DAY 29

Day 29 GraphQL(7) - Apollo Client - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app

新增一個 React app,這個 app 將使用 Apollo client library,來存取我們先前建立的 Apollo server 的資料。 執行...

2022-10-14 ‧ 由 tjabi 分享
DAY 30

Day 30GraphQL(8) - Apollo Client - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app

Apollo client一個 app 可以透過使用 client object 來和 GraphQL server 溝通,把 App 元件(component...

2022-10-15 ‧ 由 tjabi 分享