iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

由前向後,從前端邁向全端 系列

最近想學習前端以外的知識,並且拓展自己的領域,並從前端邁向全端。這次會使用到的套件包含為Nextjs、Nestjs、Graphql、prisma來創建一個簡易的購物車網站。

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

21.【從前端到全端,Nextjs+Nestjs】利用GraphQL Schema First方法打造Nest.js的GraphQL服務

文章重點 介紹了GraphQL的兩種實作方法:Schema First和Code First,並對兩者進行了比較。 展示如何在NestJS專案中採用Schem...

2023-10-06 ‧ 由 Felix阿甫 分享
DAY 22

22.【從前端到全端,Nextjs+Nestjs】使用假資料創建Resolver並執行GraphQL

文章重點 建構GraphQL API:實作產品相關的API,包括查詢、建立、更新和刪除功能 建立模型與服務:建構Product模型,實作ProductServ...

2023-10-07 ‧ 由 Felix阿甫 分享
DAY 23

23.【從前端到全端,Nextjs+Nestjs】利用 Prisma 和 Docker 快速搭建並操作 PostgreSQL 資料庫

文章重點 利用Docker快速建立PostgreSQL資料庫 使用SQLTools對資料庫進行檢視與操作 透過 Prisma 進行資料庫的模型設計與初始化,以...

2023-10-08 ‧ 由 Felix阿甫 分享
DAY 24

24.【從前端到全端,Nextjs+Nestjs】使用Prisma service修改Service並操作

文章重點 如何在Nest.js的service中整合Prisma,以實現資料庫操作的簡化和高效化 通過 GraphQL 的query和mutate來驗證Pri...

2023-10-09 ‧ 由 Felix阿甫 分享
DAY 25

25.【從前端到全端,Nextjs+Nestjs】在Nestjs GraphQL加入Pagination

文章重點 使用@devoxa/prisma-relay-cursor-connection套件來實現cursor based pagination 修改Gra...

2023-10-10 ‧ 由 Felix阿甫 分享
DAY 26

26.【從前端到全端,Nextjs+Nestjs】加入authenication(一)

文章重點 創建User API 本文 今天我們來加入authenication。 我們先安裝使用的套件,我們使用的Authenication Librar...

2023-10-11 ‧ 由 Felix阿甫 分享
DAY 27

27.【從前端到全端,Nextjs+Nestjs】加入authenication (二)

文章重點 創建Auth API 使用passport jwt創建authenication 本文 現在我們要在我們的User上實現authenicatio...

2023-10-12 ‧ 由 Felix阿甫 分享
DAY 28

28.【從前端到全端,Nextjs+Nestjs】將Nextjs的GraphQL資料改成使用後端資料

文章重點 透過修改前端設置,實現從後端GraphQL伺服器獲取資料 為前端和後端設定了CORS配置 本文 我們今天將Nest使用的假資料改成使用我們後端的...

2023-10-13 ‧ 由 Felix阿甫 分享
DAY 29

29.【從前端到全端,Nextjs+Nestjs】改進和解決GraphQL問題

文章重點 GraphQL常見問題 本文 在設計GraphQL架構時,有一些常見的問題需要注意,以確保系統的效能和安全性。以下列出了一些須留意的GraphQ...

2023-10-14 ‧ 由 Felix阿甫 分享
DAY 30

30.【從前端到全端,Nextjs+Nestjs】完結感言與未來規劃

文章重點 完結感言與未來規劃 本文 在這次的技術探索與學習的過程中,我從中學習了一些新的知識與技術。像是monrepo、prisma、nest和Graph...

2023-10-15 ‧ 由 Felix阿甫 分享