作者Eide (艾德)
看板Soft_Job
標題[請益] 求助！後端不使用node.js的前端設計
時間Fri Jun 4 12:08:29 2021
各位前輩好
小弟摸完Next.js和Nuxt.js後，發現這兩者都吃node.js作為後端環境
但由於工作環境上後端無法提供node.js
必須在沒有node.js的情況下實作SPA網站
目前嘗試過後，初步認知是：只有原生React和Vue的Client sied rendering能符合需求
（先不管SEO...），反正吃單一index.html串所有components & functions
Next.js和Nuxt.js無法不吃node.js運行環境
1. 不知道我這個認知是否有誤呢？
2. 在React or Vue體系下有其他種workaround嗎？
3. 有後端前輩能說明一下維運一個node.js server需要什麼技能樹嗎？（我只懂丟給V
ercel、Netlify代管@@a)
感謝軟工板！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 27.53.17.205 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Soft_Job/M.1622779711.A.449.html
1F：推 ntpuisbest: 不知道FIREBASE可不可以提供給你資料庫需求，抱歉我也06/04 12:11
2F：→ ntpuisbest: 新手不確定06/04 12:11
3F：→ Eide: firebase必須靠Function才能實作出SSR06/04 12:13
4F：→ tw689: 後端api還是本來的，中間掛一層node來做SSR不行嗎?06/04 12:17
5F：→ Eide: 不過目前應該還不算是DB問題，吧@@？06/04 12:18
6F：→ Eide: 上面要求不能使用node.js技術06/04 12:18
7F：→ Eide: 嗯嗯，資料相關都是吃API，問題不大06/04 12:19
8F：→ sextitanic: 沒有要server side render的話06/04 12:21
9F：推 tw689: 那最簡單又要有SEO就是CSR+snapshot之類的技術06/04 12:21
10F：→ sextitanic: 他們網頁直接載入你打包好的app.js之類的呢06/04 12:21
11F：→ tw689: 不然你要用其他方法弄SSR+SPA+SEO蠻麻煩的06/04 12:22
12F：→ tw689: 不用SEO就直接SPA build html、js放上去就完事了06/04 12:23
13F：→ tw689: 一切都還是看你需求來決定怎麼做06/04 12:24
14F：→ Eide: 請問這樣是純React和Vue沒錯吧？06/04 12:38
15F：→ tw689: 對06/04 12:40
16F：→ newhandfun: 是只是無法使用node還是無法使用後端語言呢？06/04 12:47
17F：→ newhandfun: 如果是前者就用其他語言做後端06/04 12:47
18F：→ newhandfun: 後者就直接SPA build的成果放上去06/04 12:47
19F：→ why8ther: 在別的地方編譯好再丟上去很難嗎06/04 12:51
20F：推 k798976869: build好js放cdn 你的網頁加一行抓script就好了06/04 13:00
21F：→ ssccg: 看起來是公司後端就沒有要用node.js，這其實根本是多數啊06/04 13:00
22F：→ ssccg: 就別想SSR，用build完的html js就好了06/04 13:01
23F：→ Eide: build完放上去我這裡是沒問題，只是捨棄next、nuxt的folde06/04 13:25
24F：→ Eide: r system、SEO optimization覺得可惜06/04 13:25
25F：推 tomk0301: folder system是幫助你開發用，編譯完自動轉成router，06/04 13:51
26F：→ tomk0301: 跟執行環境無關。seo是spa弱勢不走後端渲染難解，關鍵06/04 13:51
27F：→ tomk0301: 字pre-render可以查查，之前研究是都還沒有足夠成熟可06/04 13:51
28F：→ tomk0301: 以作為產品06/04 13:51
29F：推 soccer103: 後端 .NET 的話可試試 ReactJS.NET06/04 13:57
30F：→ Eide: 請問Q3有前輩能指導一下關鍵字嗎？06/04 13:59
31F：推 tsao1211: SEO你要做那個搜尋引擎06/04 13:59
32F：→ tsao1211: google可以不用SSR06/04 14:00
33F：噓 gn01838335: 你在供三小你要不要找個家教請教一下。06/04 16:06
34F：→ gn01838335: Server render06/04 16:06
35F：推 aidansky0989: 一定要node環境06/04 18:08
36F：→ jobintan: Next.js可用getStaticProps以SSG的方式撈數據呀。06/04 19:15
37F：→ jobintan: 只是大部份情況用SSR會比SSG方便多就是了。06/04 19:16
38F：推 jobintan: 東西要丟Netlify或shared hosting，可選SSG。06/04 19:21
39F：→ WunoW: = = 我前端串接過node .net php python golang06/04 19:37
40F：→ WunoW: 只要規格定義清楚 你不用鳥後端用什麼語言實做06/04 19:38
41F：→ WunoW: 前端你打包好也不一定要掛在node 感覺的觀念一團糟 新手嗎06/04 19:39
42F：→ WunoW: 還是說你的意思是指遠端伺服的開發環境？？06/04 19:42
43F：→ cory8249: Next.js 用 SSG 路過06/04 19:59
44F：→ jobintan: 個人SSR派…06/04 20:34
45F：推 superpai: 你可以改用 create-react-app就不用綁nodejs當server了06/04 23:44
46F：→ Eide: 謝謝job大和cory大，我再試試Next SSG06/05 00:02
※ 編輯: Eide (27.53.17.205 臺灣), 06/05/2021 00:08:18
47F：→ Eide: @WunoW大，我知道我不用管後端啥語言實作邏輯、出API，但我 06/05 00:11
48F：→ Eide: 如果要做SSR，就是要一個nodejs跑，而“後端”決定了不能用 06/05 00:11
49F：→ Eide: nodejs，所以我的前提條件就是部署時沒有nodejs（本機測試 06/05 00:11
50F：→ Eide: 不算） 06/05 00:11
51F：噓 Nonsense8: ssr從來沒規定只能是nodejs啊... 06/05 01:48
52F：→ Nonsense8: 你要用python parse&render 也可以 06/05 01:49
53F：→ Nonsense8: 或是你直接拿後端的模板引擎做render，搭vue/react 那 06/05 01:50
54F：→ Nonsense8: 也算是ssr... 06/05 01:50
55F：→ Nonsense8: 但你又不考慮seo 那直接build+nginx不就得了？ 06/05 01:51
56F：→ brianwu1201: 文中說要實作的是 spa，回覆裡又說要 ssr ，要不要 06/05 02:27
57F：→ brianwu1201: 先搞清楚目標到底是什麼… 06/05 02:27
58F：→ brianwu1201: 如果想用 next.js，改由 node.js 打後端 api，再回 06/05 02:34
59F：→ brianwu1201: 傳給 client side 就可以了。 06/05 02:34
60F：→ brianwu1201: 變成你 client side req 的對象是 node，node 再對 06/05 02:34
61F：→ brianwu1201: 到原本後端的 api 06/05 02:34
62F：→ oToToT: Nuxt.js SSG路過 06/05 04:41
63F：推 jobintan: 單純撈數據render在網頁上SSG就夠了， 不過如果要搭配分 06/05 07:39
64F：→ jobintan: 頁或filter功能，網上看到的都是SSR居多。 06/05 07:40
65F：→ jobintan: 雖然可以拿別的後端給React做SSR，不過Next.js較短痛。 06/05 07:47
66F：→ Eide: @brainwu1201，SPA跟SSR是可同時成立的，需求就是SPA必須， 06/05 08:16
67F：→ Eide: 然後我自己希望能SSR 06/05 08:16
68F：→ Eide: 然後我的理解上，串後端給的API並不需要nodejs 06/05 08:17
69F：→ Eide: 謝謝各位前輩回應！目前選擇解法暫定案為Nextjs SSG，配re 06/05 08:29
70F：→ Eide: validate 1second 06/05 08:29
71F：推 chrischen: next export就是你要的 06/06 03:41
72F：→ jobintan: 以前用next export，9.3之後用getStaticProps就好。 06/06 06:40
73F：推 a062693069: 如果是Nuxt要SSR的話的確需要跑在node環境，SSG可以 06/07 00:19
74F：→ a062693069: 不用。你的認知是沒錯的 06/07 00:19
75F：→ a062693069: 不過你提到不需要SEO，是可以直接用Vue build完丟上 06/07 00:19
76F：→ a062693069: 去就好 06/07 00:19
77F：→ marc47: deno 06/07 20:24
78F：→ AriDotH: 滿多公司都是這個情況，原本已經有穩定運行的Server，前 10/25 17:21
79F：→ AriDotH: 端想改Next或Nuxt這種SSR通常過不了伺服器那關 10/25 17:21
80F：→ AriDotH: 原PO認知其實沒錯 10/25 17:22
81F：→ AriDotH: 上面說要找家教的可能自己也要先找一下了 10/25 17:24