- 每月造訪次數
- <5K
- 2026 年 10 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- 免費
- 沒有月付訂閱價
- 首次發布
- 3 年前
- 2023-04-06 · 估算
訪問
行銷動作
發布、搜尋與內容、引薦、促銷X 帳號@shuding
- the engineers are 100x cracked at this triangle company 引用帖 @shuding： SPEC-01/HARDWARE Themed components built with @Vercel UI SDK https://spec-01.vercel.app/ Sound on
@mannupaaji · 2026-11-14 · 171 贊 · 3 轉發 · 8,584 瀏覽
發布新產品發布
2023 年 4 月 6 日 · 3 年前官網
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案Console.dev
2023-04-06查看原文
- 核心亮點評測：
- Docs written in Markdown (MDX, with React component support). Built on top of Next.js. Native support for docs concepts like sections, tabs, callout, syntax highlighting. Supports server side generation from remote sources e.g. GitHub star count. Static search. I18n support. Dark mode. Open source.
- 局限與權衡：
- Design customization is somewhat limited - you need to create a custom theme from scratch if you want to do more than minor tweaks.
- 適用人群：
- Developers using Next.js should consider Nextra for documentation tasks
開源倉庫與自部署
GitHub 開源與智慧體接入
流量來源
2026 年 10 月
訪問構成
管道
- 直接訪問40%
- 自然搜尋32%
- 外部引薦11%
- 社交媒體6%
- 其他12%
國家/地區
- 英國45%
- 印度28%
- 美國14%
- 新加坡7%
- 澳洲2%
搜尋
站點權重 —網域名稱註冊 2022-08-13
| 關鍵字 | 月搜尋量 |
|---|---|
| nextra | 3,620 |
| nextra v4 | 120 |
| nextra. | 110 |
| nextra lasted version | 80 |
| nextdra | 60 |
流量資料：Vaneform
定價
尚未識別出定價頁，或該頁面沒有公開價格。
頁面與變化
開始記錄於 2026-11-04
關鍵頁面
每週快照nextra.site/ 快照 2026-11-05
變化
開始記錄以來，定價、方案與定位都沒有變化。
設計
首屏畫面視覺分析與 :root CSS
淺白底配近黑大標題與藍色膠囊按鈕，下方以圓角文件介面截圖與功能卡片構成主視覺，留白充足、層級清晰。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“Make beautiful websites with Next.js & MDX”
頂欄下左對齊大標題與說明，藍色按鈕居左，下方左右並置文件截圖與功能卡片。
首屏畫面轉化路徑：標題下方大幅產品介面 + 產品介面截圖或元件示意 → 免費開始 / 立即註冊
- 品類定位錨點
- 首屏畫面大幅產品介面
色板 · 點擊複製
五維設計評分7.5 / 10
- 字體與排版
- 8.0
- 色彩與對比
- 7.0
- 構圖與留白
- 8.0
- 細節與工藝
- 8.0
- 風格辨識度
- 6.0
結構
- 字體
- Inter
- 首屏畫面版式
- 標題下方大幅產品介面
- 主視覺
- 產品介面截圖或元件示意
- 轉化動作
- 免費開始 / 立即註冊
- 信任背書
- 無顯式背書
- 導航
- 頂部通欄導航
- 明暗與密度
- 淺色 · 留白多
- 圓角與層級
- 大圓角 · 有陰影
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：極簡單色
黑白灰加一個強調色，細線分隔，大量留白，靠字號與字重分層級。
## 設計參數
```css
:root {
--background: #ffffff;
--surface: #f7f7f8;
--foreground: #171717;
--muted-foreground: #6b7280;
--accent: #2563eb;
--radius: 16px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #FFFFFF（約 52%） · 面板 #F7F7F8（約 22%） · 正文 #171717（約 12%） · 次要文字 #6B7280（約 8%） · 強調 #2563EB（約 6%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：標題下方大幅產品介面
- 導航結構：頂部通欄導航
- 明暗與密度：淺色 · 留白多
- 圓角與層級：大圓角；用陰影區分層級
- 主視覺載體：產品介面截圖或元件示意
- 轉化動作：免費開始 / 立即註冊
- 標題切入點：品類定位錨點
- 首屏畫面元件特徵：首屏畫面大幅產品介面
- 空間布局拆解：頂欄下左對齊大標題與說明，藍色按鈕居左，下方左右並置文件截圖與功能卡片。
- 視覺特徵總結：淺白底配近黑大標題與藍色膠囊按鈕，下方以圓角文件介面截圖與功能卡片構成主視覺，留白充足、層級清晰。
## 避免
- 多種強調色並用
- 漸層背景
- 重陰影
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
同分類研究對象
行銷 / 網站與著陸頁搭建
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。
