iT邦幫忙

2022 iThome 鐵人賽

DAY 1
1
Modern Web

使用 Vue 3 從 0 到 1 架設網站!!!系列 第 1

源起、需求、技術堆疊

  • 分享至 

  • xImage
  •  

源起

要不要寫這個主題系列文章呢?其實一直很猶豫,畢章真的要花滿多時間構思以及想要寫什麼。
自己過去大部份都是在接案做網站,而且常常每次做案子的時候,都是需要案子重新談過,瞭解對方的需求,
然後在可接受的預算範圍內承接專案,確定承接後,開始進行設計開發佈署維運等過程,
久而久之,其實也是有些倦怠,所以想說趁著這次的鐵人賽,想寫一個線上的工具,以建立品牌官網為主軸,
讓用戶可以自行登入之後,在後台可利用編輯的方式,自動產生網頁,然後模組化一些功能,
達成我不用每次接案時,都要重新開始的情況。

所以,就開始寫這樣的系列文章吧!


需求

我想先簡單列出一個大方向的需求:建立品牌官網的後台,讓登入的用戶可以建立網頁,然後發佈

至於要實作哪些功能,就讓我先保留一下,我也要看看自己能實作到什麼程度。會在後面的各篇文章努力產出。


技術堆疊

前端

  • 以 Vue 3 為核心,建立打造官網的後台。
  • 以 Vite 來做 Dev Server。
  • 以 Vue Router 來做單頁式應用程式。
  • 會使用 Sketch 來製作設計稿。

後端

  • 使用 Deno 來做 GraphQL API。 Deno 這真的是我新的嚐試,就試試吧,Node.js 的原創者,新開源的 Deno 程式語法,也是 JavaScript 程式。
  • 使用 Docker 來當做環境。
  • 資料庫會使用 MySQL 或 MariaDB。
  • 雲端伺服器預計會使用 DigitalOcean,畢竟是比較熟悉的雲端平台服務,資料庫也會直接建在此雲端服務上。

這裡列出的技術堆疊,是目前大概想到會使用的,實際上的過程,就請參見後續的文章囉。
當然,若讀者熟悉其它的技術的話,也可嚐試替換。

結語

今天是第一天寫這文章,主要還是大方向的描述我想寫的源起及需求,以及可能會使用到的技術。
希望至少能透過這系列文章,給自己一點壓力,努力的撰寫!!!


下一篇
開啟一個本機端網站 - 使用 Vite + Vue 3 + Vue Router
系列文
使用 Vue 3 從 0 到 1 架設網站!!!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言