PTT推薦

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

看板Soft_Job標題[請益] 求助!後端不使用node.js的前端設計作者
Eide
(艾德)
時間推噓10 推:12 噓:2 →:67

各位前輩好


小弟摸完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 留言評論
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 27.53.17.205 (臺灣)
PTT 網址

ntpuisbest06/04 12:11不知道FIREBASE可不可以提供給你資料庫需求,抱歉我也

ntpuisbest06/04 12:11新手不確定

Eide06/04 12:13firebase必須靠Function才能實作出SSR

tw68906/04 12:17後端api還是本來的,中間掛一層node來做SSR不行嗎?

Eide06/04 12:18不過目前應該還不算是DB問題,吧@@?

Eide06/04 12:18上面要求不能使用node.js技術

Eide06/04 12:19嗯嗯,資料相關都是吃API,問題不大

sextitanic06/04 12:21沒有要server side render的話

tw68906/04 12:21那最簡單又要有SEO就是CSR+snapshot之類的技術

sextitanic06/04 12:21他們網頁直接載入你打包好的app.js之類的呢

tw68906/04 12:22不然你要用其他方法弄SSR+SPA+SEO蠻麻煩的

tw68906/04 12:23不用SEO就直接SPA build html、js放上去就完事了

tw68906/04 12:24一切都還是看你需求來決定怎麼做

Eide06/04 12:38請問這樣是純React和Vue沒錯吧?

tw68906/04 12:40

newhandfun06/04 12:47是只是無法使用node還是無法使用後端語言呢?

newhandfun06/04 12:47如果是前者就用其他語言做後端

newhandfun06/04 12:47後者就直接SPA build的成果放上去

why8ther06/04 12:51在別的地方編譯好再丟上去很難嗎

k79897686906/04 13:00build好js放cdn 你的網頁加一行抓script就好了

ssccg06/04 13:00看起來是公司後端就沒有要用node.js,這其實根本是多數啊

ssccg06/04 13:01就別想SSR,用build完的html js就好了

Eide06/04 13:25build完放上去我這裡是沒問題,只是捨棄next、nuxt的folde

Eide06/04 13:25r system、SEO optimization覺得可惜

tomk030106/04 13:51folder system是幫助你開發用,編譯完自動轉成router,

tomk030106/04 13:51跟執行環境無關。seo是spa弱勢不走後端渲染難解,關鍵

tomk030106/04 13:51字pre-render可以查查,之前研究是都還沒有足夠成熟可

tomk030106/04 13:51以作為產品

soccer10306/04 13:57後端 .NET 的話可試試 ReactJS.NET

Eide06/04 13:59請問Q3有前輩能指導一下關鍵字嗎?

tsao121106/04 13:59SEO你要做那個搜尋引擎

tsao121106/04 14:00google可以不用SSR

gn0183833506/04 16:06你在供三小你要不要找個家教請教一下。

gn0183833506/04 16:06Server render

aidansky098906/04 18:08一定要node環境

jobintan06/04 19:15Next.js可用getStaticProps以SSG的方式撈數據呀。

jobintan06/04 19:16只是大部份情況用SSR會比SSG方便多就是了。

jobintan06/04 19:21東西要丟Netlify或shared hosting,可選SSG。

WunoW06/04 19:37= = 我前端串接過node .net php python golang

WunoW06/04 19:38只要規格定義清楚 你不用鳥後端用什麼語言實做

WunoW06/04 19:39前端你打包好也不一定要掛在node 感覺的觀念一團糟 新手嗎

WunoW06/04 19:42還是說你的意思是指遠端伺服的開發環境??

cory824906/04 19:59Next.js 用 SSG 路過

jobintan06/04 20:34個人SSR派…

superpai06/04 23:44你可以改用 create-react-app就不用綁nodejs當server了

Eide06/05 00:02謝謝job大和cory大,我再試試Next SSG

※ 編輯: Eide (27.53.17.205 臺灣), 06/05/2021 00:08:18

Eide06/05 00:11@WunoW大,我知道我不用管後端啥語言實作邏輯、出API,但我

Eide06/05 00:11如果要做SSR,就是要一個nodejs跑,而“後端”決定了不能用

Eide06/05 00:11nodejs,所以我的前提條件就是部署時沒有nodejs(本機測試

Eide06/05 00:11不算)

Nonsense806/05 01:48ssr從來沒規定只能是nodejs啊...

Nonsense806/05 01:49你要用python parse&render 也可以

Nonsense806/05 01:50或是你直接拿後端的模板引擎做render,搭vue/react 那

Nonsense806/05 01:50也算是ssr...

Nonsense806/05 01:51但你又不考慮seo 那直接build+nginx不就得了?

brianwu120106/05 02:27文中說要實作的是 spa,回覆裡又說要 ssr ,要不要

brianwu120106/05 02:27先搞清楚目標到底是什麼…

brianwu120106/05 02:34如果想用 next.js,改由 node.js 打後端 api,再回

brianwu120106/05 02:34傳給 client side 就可以了。

brianwu120106/05 02:34變成你 client side req 的對象是 node,node 再對

brianwu120106/05 02:34到原本後端的 api

oToToT06/05 04:41Nuxt.js SSG路過

jobintan06/05 07:39單純撈數據render在網頁上SSG就夠了, 不過如果要搭配分

jobintan06/05 07:40頁或filter功能,網上看到的都是SSR居多。

jobintan06/05 07:47雖然可以拿別的後端給React做SSR,不過Next.js較短痛。

Eide06/05 08:16@brainwu1201,SPA跟SSR是可同時成立的,需求就是SPA必須,

Eide06/05 08:16然後我自己希望能SSR

Eide06/05 08:17然後我的理解上,串後端給的API並不需要nodejs

Eide06/05 08:29謝謝各位前輩回應!目前選擇解法暫定案為Nextjs SSG,配re

Eide06/05 08:29validate 1second

chrischen06/06 03:41next export就是你要的

jobintan06/06 06:40以前用next export,9.3之後用getStaticProps就好。

a06269306906/07 00:19如果是Nuxt要SSR的話的確需要跑在node環境,SSG可以

a06269306906/07 00:19不用。你的認知是沒錯的

a06269306906/07 00:19不過你提到不需要SEO,是可以直接用Vue build完丟上

a06269306906/07 00:19去就好

marc4706/07 20:24deno

AriDotH10/25 17:21滿多公司都是這個情況,原本已經有穩定運行的Server,前

AriDotH10/25 17:21端想改Next或Nuxt這種SSR通常過不了伺服器那關

AriDotH10/25 17:22原PO認知其實沒錯

AriDotH10/25 17:24上面說要找家教的可能自己也要先找一下了