iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

30 天用 Rust 打造 QR Code 製造機 系列

30 天來挑戰使用 Rust 和 Actix 框架,打造一個 QR Code 生成網站。這個網站可以讓使用者輸入連結,並生成相對應的 QR Code,可以自由設定 QR Code 的顏色、大小和格式。

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

Day 21 - 將表單重構成元件(上)

現在 page.tsx 的程式碼已經有點多了,而且之後還要新增一個產生 PNG 的表單,所以現在就把原本產生 SVG 的表單重構成元件,這樣之後要新增表單的時候...

2023-10-06 ‧ 由 Bucky 分享
DAY 22

Day 22 - 將表單重構成元件(下)

前情提要:上一篇把 page.tsx 中的表單部分重構整理成一個新的元件,不過搬移的過程中,有一些問題沒有處理好,所以這篇就來處理一下。 如何傳遞 errors...

2023-10-07 ‧ 由 Bucky 分享
DAY 23

Day 23 - 運用 Next.js 的 CSS Module 功能修改樣式

上一篇文章已經把原本新增 QR code 的 SVG 表單,重構成一個元件來使用,接下來會新增另一個元件,來製造 QR code 的 PNG 圖片。 不過在此之...

2023-10-08 ‧ 由 Bucky 分享
DAY 24

Day 24 - 簡易 QR code 表單元件

之前在開發 API 的時候,有寫一隻比較簡單的建立 QR code 的 API,但是後來都沒用到,所以這篇文章會來建立一個表單元件來使用這隻 API。 建立表單...

2023-10-09 ‧ 由 Bucky 分享
DAY 25

Day 25 - 動態調整 Next.js Image 大小

現在的 SVG 與 PNG 的表單都建立完成,不過 SVG 建立 QR code 圖片的部分,現在是用 Next.js 提供的 Image 元件來顯示,但一開始...

2023-10-10 ‧ 由 Bucky 分享
DAY 26

Day 26 - 後端部署(Docker)

接下來要開始做部署的事情了,會先從後端的部分開始,本篇會先介紹如何使用 Docker 來建立 Image。 寫 Dockerfile 來建立 Image 首先我...

2023-10-11 ‧ 由 Bucky 分享
DAY 27

Day 27 - 使用 Docker Buildx 建立 Image 並且上傳到 Docker Hub

這篇文章可能不是很多人會用到,但是如果開發系統是 Mac M1 的話,可能會遇到一些問題,所以還是寫了這篇文章來介紹一下。 Docker Buildx Dock...

2023-10-12 ‧ 由 Bucky 分享
DAY 28

Day 28 - 部署到 DigitalOcean

前面已經透過 Docker Buildx 建立了 Image,並且把 Image 上傳到 Docker Hub,接下來就可以開始部署到 DigitalOcean...

2023-10-13 ‧ 由 Bucky 分享
DAY 29

Day 29 - 部署到 AWS EC2

上一篇是介紹如何將 Rust 後端部署到 DigitalOcean,這篇會介紹如何部署到 AWS EC2,兩種方式給大家參考。 AWS EC2 AWS EC2(...

2023-10-14 ‧ 由 Bucky 分享
DAY 30

Day 30 - 前端部署到 Vercel

歷經前兩天的後端部署示範,終於也到了前端的部署了,這篇文章會介紹如何將 Next.js 的前端部署到 Vercel。 前端部署的選擇 前端部署的方式有很多,參考...

2023-10-15 ‧ 由 Bucky 分享