30天開除老闆計劃(#03):Next.js、Nest.js、MongoDB等技術選型與SEO策略

更新 發佈閱讀 6 分鐘

在開始動工之前,最重要的就是決定要用什麼技術。選擇很多,我個人是覺得沒有最好的方案,只有最適合的方案。就像是如果你有經驗去公司上班,專案用的技術都很舊了,你可能會覺得為什麼寫得這麼爛用這麼久的技術。但可能是在那樣的時空背景下,那是最適合的技術方案。

這次的計劃目標要 快、低成本、能快速驗證市場,盡可能的快速打造可行的MVP。還有一個重要的點就是,不要花太多錢!所以選了這一套:Next.js / Nest.js / MongoDB / MiniO / GitHub Actions / Zeabur

Next.js – 前端框架

前端我選用 Next.js。為 PWA 是我一開始的策略,而 Next.js 本身就支援 SSR / SSG,SEO 表現比傳統 SPA 好太多,對需要流量的產品來說很關鍵。如果你是做部落格或是產品介紹賣東西的官網,那就很適合。那我要推薦我的APP產品也是一種產品。

它還有內建路由、API Routes、Image 最佳化,幾乎就是拿來做 MVP 的快速框架。加上配合 next-pwa,就能直接做成接近原生APP的體驗,打開瀏覽器就能用。

Nest.js – 後端框架

Next Nest 傻傻分不清,我自己也常常搞錯。這次後端我選了 Nest.js。雖然 Nest.js 框架很複雜規範很多,但剛好相反,如果使用AI來 coding,他剛好可以照著這些規範寫出還不錯的 code。也可能我後端比較沒這麼熟悉,看不太出來好壞?

但以我自己用 vibe coding 來寫 nest.js 的經驗,我覺得因為 nest 把 controller service 還有 model 分的很細,我覺得算是還不錯乾淨。至少未來我要自己寫的話,應該是不至於太混亂一團改不動。

MongoDB – 資料庫

其實資料庫選 MongoDB,理由很簡單,因為我最熟悉,用過最多次。而且用 Vibe coding 應該也會一直改來改去,原本這樣寫後來又想說換個方式寫。畢竟我是一個三心二意的人,不排除一直修改。我覺得 MongoDB 可以承受這種隨心所欲地亂改。

再來就是,其實我覺得對於想要快速做出MVP,其實用後端套件CRUD裡論上不管用什麼資料庫感覺應該都一樣。

MiniO – 檔案儲存

可能大家不太知道 MiniO是什麼,其實就是類似 AWS S3的東西,是一種開源軟體。基本上做一個 APP脫離不了要找地方放圖片或檔案之類的。但我們的主要任務和宗旨就是花最少的錢,可以的話不要花錢。 AWS S3 雖然好用,雖然不放什麼東西用不了多少錢,但也是要錢。但如果自己架的話就不用錢了,何況還在MVP階段,未來如果要轉到S3難度也不會太高。

因為 MiniO 設定其實和 S3是一樣的,不過最近有一些S3開源的新聞,之後再來說。

CI/CD

CICD一定要的吧!不管是部署還是測試,可以自動化就自動化,畢竟我們沒有這麼多時間做這些瑣碎的事。這個就還好,用 github action就可以搞定。

Zeabur – 部署平台

最後是部署平台,我使用 Zeabur。有一次去遊牧工作者年會,聽到演講者在介紹 zeabur,其實他在講 n8n,然後可以架在上面,一個月只要五美金。我覺得還不錯,雖然我不是用 n8n。 Zeabur 直接支援前端、後端、資料庫一鍵上線,加上和 GitHub Actions 結合,很適合我的需求。費用也比自己開 EC2 便宜,對 Side Project 很友善。

順便打一下廣告,如果你對 zeabur也有興趣,可以用我的推薦連結註冊喔!一起賺五美金!

https://zeabur.com/referral?referralCode=gh286991

為什麼不是其他技術?

像是前端,很多人會覺得:「欸,你不是要做 App?為什麼不用 React Native 或 Flutter?」

老實說,我也覺得寫APP現在就要用最潮的 Flutter啊。React Native 我也比較熟悉。但問題來了:如果走原生 App,就要先付 Apple 開發者帳號費用(每年 99 美金),還得花時間跑上架審核流程。每次改版都要等,對 MVP 來說實在太慢。99美金 我還沒賺錢就先花錢了,而且也不能隨時就給朋友測試。

PWA其實就是網頁,寫好丟上去就能用,除了有SEO頁面可以有自然流量,網頁可以直接用不用再去下載APP,對快速驗證市場來應該比較快吧。

未來也會想開發成APP上架,最快最快的方法就是直接用 webview套。之後有想要再寫一份 flutter取代。

至於部署,使用 AWS EC2 感覺比較厲害,去面試也講得出口,但仔細想想,Side Project 的重點是「快」而不是「厲害」。Zeabur 其實真的滿快的,可以直接連結專案直接部署上去,還有網域可以先用。

結論

所以最後我的選擇就是: Next.js + Nest.js + MongoDB + MiniO + GitHub Actions + Zeabur

這套組合,能讓我用最少的時間,把產品做出來,上線驗證,還能透過 SEO 把使用者吸進來,這是我最初期的想法。對「開除老闆計畫」來說,這就是最實際的武器。

如果你好奇 30 天的創業APP可以成功賺到錢嗎?請務必訂閱 + 按讚 + 開啟小鈴鐺,並在下方留言區簽到,告訴我你已經置好板凳等著看老闆被開除了!

同步發表於 iT邦幫忙-2025 iThome 鐵人賽

留言
avatar-img
湯編驛-湯姆實驗室
39會員
82內容數
這邊會放一些我自己的分享內容,實驗測試還有做的MVP介紹
你可能也想看
Thumbnail
透過瞭解客戶獨特的需求和目標,以及專業的故事講述和引人入勝的內容,我們將為客戶重新打造一個影響力的網站,符合現今的潮流並具備長久的適用性。
Thumbnail
透過瞭解客戶獨特的需求和目標,以及專業的故事講述和引人入勝的內容,我們將為客戶重新打造一個影響力的網站,符合現今的潮流並具備長久的適用性。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
這篇文章介紹了網站的整體架構以及開發時所使用的工具和套件,包括 Next.js、Tailwind CSS 和 socket.io 等。文章回顧了程式碼的重構與優化,幫助開發者提高工作效率,適合希望深入瞭解前端開發和網站架構的讀者。
Thumbnail
這篇文章介紹了網站的整體架構以及開發時所使用的工具和套件,包括 Next.js、Tailwind CSS 和 socket.io 等。文章回顧了程式碼的重構與優化,幫助開發者提高工作效率,適合希望深入瞭解前端開發和網站架構的讀者。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
你有過任務交辦資訊牛頭不對馬嘴、時程緊湊小宇宙爆發、或信任崩潰自己一手抓的經驗嗎?這篇文章介紹了Trello、Notion和Google Calendar這三款專案管理工具,如何幫助你解決這些問題,瞭解這些工具的特點和使用方式。
Thumbnail
你有過任務交辦資訊牛頭不對馬嘴、時程緊湊小宇宙爆發、或信任崩潰自己一手抓的經驗嗎?這篇文章介紹了Trello、Notion和Google Calendar這三款專案管理工具,如何幫助你解決這些問題,瞭解這些工具的特點和使用方式。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
在過年期間,利用集中時間跟完Mosh Hamedani的Next.js課程,掌握了前端至後端的技術應用。本文分享了學習過程中的收穫與成果,以及對於未來應用的展望。
Thumbnail
在過年期間,利用集中時間跟完Mosh Hamedani的Next.js課程,掌握了前端至後端的技術應用。本文分享了學習過程中的收穫與成果,以及對於未來應用的展望。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News