[請益] 求助!後端不使用node.js的前端設計

作者: Eide (艾德)   2021-06-04 12:08:29
各位前輩好
小弟摸完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)
感謝軟工板!
作者: ntpuisbest (阿龍)   2021-06-04 12:11:00
不知道FIREBASE可不可以提供給你資料庫需求,抱歉我也新手不確定
作者: Eide (艾德)   2021-06-04 12:13:00
firebase必須靠Function才能實作出SSR
作者: tw689 (台灣689)   2021-06-04 12:17:00
後端api還是本來的,中間掛一層node來做SSR不行嗎?
作者: Eide (艾德)   2021-06-04 12:18:00
不過目前應該還不算是DB問題,吧@@?上面要求不能使用node.js技術嗯嗯,資料相關都是吃API,問題不大
作者: sextitanic   2021-06-04 12:21:00
沒有要server side render的話
作者: tw689 (台灣689)   2021-06-04 12:21:00
那最簡單又要有SEO就是CSR+snapshot之類的技術
作者: tw689 (台灣689)   2021-06-04 12:22:00
不然你要用其他方法弄SSR+SPA+SEO蠻麻煩的不用SEO就直接SPA build html、js放上去就完事了一切都還是看你需求來決定怎麼做
作者: Eide (艾德)   2021-06-04 12:38:00
請問這樣是純React和Vue沒錯吧?
作者: tw689 (台灣689)   2021-06-04 12:40:00
作者: newhandfun (新手方)   2021-06-04 12:47:00
是只是無法使用node還是無法使用後端語言呢?如果是前者就用其他語言做後端後者就直接SPA build的成果放上去
作者: why8ther (外八喵)   2021-06-04 12:51:00
在別的地方編譯好再丟上去很難嗎
作者: k798976869 (kk)   2021-06-04 13:00:00
build好js放cdn 你的網頁加一行抓script就好了
作者: ssccg (23)   2021-06-04 13:00:00
看起來是公司後端就沒有要用node.js,這其實根本是多數啊就別想SSR,用build完的html js就好了
作者: Eide (艾德)   2021-06-04 13:25:00
build完放上去我這裡是沒問題,只是捨棄next、nuxt的folder system、SEO optimization覺得可惜
作者: tomk0301 (開放陽光)   2021-06-04 13:51:00
folder system是幫助你開發用,編譯完自動轉成router,跟執行環境無關。seo是spa弱勢不走後端渲染難解,關鍵字pre-render可以查查,之前研究是都還沒有足夠成熟可以作為產品
作者: soccer103 (Ferrari)   2021-06-04 13:57:00
後端 .NET 的話可試試 ReactJS.NET
作者: Eide (艾德)   2021-06-04 13:59:00
請問Q3有前輩能指導一下關鍵字嗎?
作者: tsao1211 (Sunday)   2021-06-04 13:59:00
SEO你要做那個搜尋引擎google可以不用SSR
作者: gn01838335 (寂靜的生存者)   2021-06-04 16:06:00
你在供三小你要不要找個家教請教一下。Server render
作者: aidansky0989 (alta)   2021-06-04 18:08:00
一定要node環境
作者: jobintan (Robin Artemstein)   2021-06-04 19:15:00
Next.js可用getStaticProps以SSG的方式撈數據呀。只是大部份情況用SSR會比SSG方便多就是了。東西要丟Netlify或shared hosting,可選SSG。
作者: WunoW (WunoW)   2021-06-04 19:37:00
= = 我前端串接過node .net php python golang只要規格定義清楚 你不用鳥後端用什麼語言實做前端你打包好也不一定要掛在node 感覺的觀念一團糟 新手嗎還是說你的意思是指遠端伺服的開發環境??
作者: cory8249 (Cory)   2021-06-04 19:59:00
Next.js 用 SSG 路過
作者: jobintan (Robin Artemstein)   2021-06-04 20:34:00
個人SSR派…
作者: superpai (超級白)   2021-06-04 23:44:00
你可以改用 create-react-app就不用綁nodejs當server了
作者: Eide (艾德)   2021-06-05 00:02:00
謝謝job大和cory大,我再試試Next SSG@WunoW大,我知道我不用管後端啥語言實作邏輯、出API,但我如果要做SSR,就是要一個nodejs跑,而“後端”決定了不能用nodejs,所以我的前提條件就是部署時沒有nodejs(本機測試不算)
作者: Nonsense8 (胡說)   2021-06-05 01:48:00
ssr從來沒規定只能是nodejs啊...你要用python parse&render 也可以或是你直接拿後端的模板引擎做render,搭vue/react 那也算是ssr...但你又不考慮seo 那直接build+nginx不就得了?
作者: brianwu1201 (bunny29)   2021-06-05 02:27:00
文中說要實作的是 spa,回覆裡又說要 ssr ,要不要先搞清楚目標到底是什麼…如果想用 next.js,改由 node.js 打後端 api,再回傳給 client side 就可以了。變成你 client side req 的對象是 node,node 再對到原本後端的 api
作者: oToToT (屁孩)   2021-06-05 04:41:00
Nuxt.js SSG路過
作者: jobintan (Robin Artemstein)   2021-06-05 07:39:00
單純撈數據render在網頁上SSG就夠了, 不過如果要搭配分頁或filter功能,網上看到的都是SSR居多。雖然可以拿別的後端給React做SSR,不過Next.js較短痛。
作者: Eide (艾德)   2021-06-05 08:16:00
@brainwu1201,SPA跟SSR是可同時成立的,需求就是SPA必須,然後我自己希望能SSR然後我的理解上,串後端給的API並不需要nodejs謝謝各位前輩回應!目前選擇解法暫定案為Nextjs SSG,配revalidate 1second
作者: chrischen (一個人的長假)   2021-06-06 03:41:00
next export就是你要的
作者: jobintan (Robin Artemstein)   2021-06-06 06:40:00
以前用next export,9.3之後用getStaticProps就好。
作者: a062693069 (東區拔辣哥)   2021-06-07 00:19:00
如果是Nuxt要SSR的話的確需要跑在node環境,SSG可以不用。你的認知是沒錯的不過你提到不需要SEO,是可以直接用Vue build完丟上去就好
作者: marc47 (思樂冰)   2021-06-07 20:24:00
deno

Links booklink

Contact Us: admin [ a t ] ucptt.com