Same.New 是一個 ai驅(qū)動的全棧 Web 開發(fā)平臺，用戶通過簡單提示就能快速設(shè)計(jì)、構(gòu)建并部署完整功能的網(wǎng)站。

Same核心功能

?全棧應(yīng)用生成：輸入目標(biāo)網(wǎng)址或文字描述，自動生成含前端、后端及數(shù)據(jù)庫的全棧代碼。

?網(wǎng)站 UI 克隆：精準(zhǔn)復(fù)刻目標(biāo)網(wǎng)站的界面設(shè)計(jì)與布局（像素級還原）。

?實(shí)時編輯預(yù)覽：內(nèi)置在線開發(fā)環(huán)境，可直接修改代碼并即時查看效果。

?多框架適配：生成的代碼兼容 React、Vue、Next.js 等主流框架。

?一鍵部署：支持快速發(fā)布到 Vercel、Netlify 等托管平臺。

Same適用場景

?初創(chuàng)企業(yè)：非技術(shù)人員可快速搭建 MVP（最小可行產(chǎn)品），無需依賴開發(fā)團(tuán)隊(duì)。

?設(shè)計(jì)師/產(chǎn)品經(jīng)理：將設(shè)計(jì)稿或原型直接轉(zhuǎn)為可交互的網(wǎng)頁，加速產(chǎn)品迭代。

?教育學(xué)習(xí)：編程新手通過 AI 生成的代碼理解全棧開發(fā)邏輯。

?企業(yè)工具：快速定制管理后臺、數(shù)據(jù)看板等內(nèi)部工具。

價格

?免費(fèi)版：每月 50 萬 token。

?付費(fèi)版：按訂閱計(jì)劃提供不同 token 額度，價格 10 - 100 美元不等。

Same使用流程

1. 登錄注冊：通過官網(wǎng)進(jìn)入，支持谷歌/GitHub 登錄，無賬號可快速注冊。

2. 輸入素材：在輸入框粘貼目標(biāo)網(wǎng)址（如仿制 B 站時輸入其頁面鏈接），或上傳截圖、Figma 設(shè)計(jì)文件。系統(tǒng)會自動解析頁面結(jié)構(gòu)、樣式及關(guān)鍵組件（如導(dǎo)航欄、視頻列表）。

3. 生成代碼：根據(jù)目標(biāo)網(wǎng)站布局，輸出組件化代碼（如拆分為 Header.js 等可復(fù)用 React 組件），通過 styled-components 或內(nèi)聯(lián)樣式還原視覺效果；多頁面應(yīng)用會自動生成路由配置（如 B 站首頁可能生成 HeroCarousel.tsx 等代碼）。

4. 本地調(diào)試：生成的項(xiàng)目可一鍵下載，本地運(yùn)行時先執(zhí)行 npm install 安裝依賴，再通過 npm start 啟動服務(wù)（默認(rèn)訪問 http://localhost:3000），實(shí)時對比調(diào)整代碼。

?注意：克隆時需要尊重原網(wǎng)站版權(quán)，避免侵權(quán)風(fēng)險。