pagely下載 - pagely源碼下載

pagely

其他類別

1.0.0

下載

佩吉利

使用 Notion 以光速建立速度極快的網站 ⚡️

從 Notion、Google Sheets、GitHub、Airtable 和 Pagely 啟動 SEO 友善、速度極快的網站

什麼是Pagely

Pagely 是一個無程式碼平台，可協助您從您最喜愛的應用程式（例如 Notion、GitHub、Google Sheets、Airtable 等）啟動網站。 Pagely 不會讓您處理所有 SEO 事務，而是自動使其對您對 SEO 友好。不喜歡 Notion 的預設樣式？不用擔心，您可以根據自己的喜好編輯 CSS。我最喜歡的功能之一 - 自訂子網域。 Pagely 可讓您選擇您想要的子網域，例如。 lalit.pagely.site、your-name.pagely.site 等...是的，你說得對 - Hashnode 也這樣做。您所需要做的就是在 Notion 中輸入您網站的內容，您的網站就會即時更新！您也可以透過新增pagely.json在 GitHub 上為您的開源專案建立網站！。 Pagely 中還有很多功能。

特徵

免費自訂子網域（例如 your-name.pagely.site）
即時更新網站
自動產生 OG 影像（不使用 puppeteer ？閱讀更多內容以了解詳情）
自訂樣式（使用 CSS）
自訂<head>標籤（用於分析和無限更多整合）
在展示頁面展示您的網站
速度極快的網站
自訂域（在 Vercel 支援之前透過解決方法）
如何將Pagely與各種子頁面整合的詳細指南
概念頁面的自訂 slugs/subpaths/subroutes/漂亮的 URL （即將推出）
網站密碼保護（透過內建 StaticShield 整合？）
強大的集成，例如 Crisp.chat、Disqus、Google Analytics、Stripe、Gumroad 等。
在Vercel上。
自動網站地圖（即將推出）
自訂字體、圖示等
自動 SSL ( https )
從您的手機創建精彩的網站？
整個網站的全文搜尋（即將推出）
程式碼區塊的語法突出顯示
所有網站的深色模式（明天推出）
您網站的即時 Twitter 預覽

一些方便的鏈接

實時網站 → https://pagely.site
GitHub 儲存庫 → https://github.com/lalit2005/pagely
展示 → https://pagely.site/showcase
指南 → https://guides.pagely.site
帶有 Notion 的範例網站 → https://lalit.pagely.site
GitHub 範例網站 → https://pagely-with-github.pagely.site/

技術堆疊

這是部落格中最令人驚訝的部分之一。這是因為 Pagely 完全是用 Jamstack 建構的。是的，你沒聽錯。整個應用程式是用 Next.js 製作的（除了自動 OG 影像生成服務）

Next.js - 地球上最令人驚嘆的 React 框架
文員 - 身份驗證
TailwindCSS - 樣式
Radix UI - 原始反應元件庫
Headless UI - UI 元件庫
Supabase (Postgres) - 資料庫
Prisma - 資料庫 ORM
Axios - API 請求
React Hook Form - 表單驗證
Zod - 驗證
Web3forms - 表單提交
SWR - 遠端資料獲取
Typescript - 類型檢查
Vercel - 託管

貢獻

您也可以透過提交模板做出貢獻！如欲了解更多詳情，請造訪 https://pagely.site/templates

克隆此儲存庫 → git clone https://github.com/Lalit2005/pagely
從 Clerk 的儀表板設定 Clerk 的環境變量
在 Supabase 中啟動免費的 Postgres 資料庫並取得連接 URL/字串
從此處的 Imgbb 取得您的 API 金鑰（僅當您為圖像上傳部分做出貢獻時）
安裝相依性→ yarn
在本機上執行應用程式→ yarn dev
建立一個新分支
一旦完成新功能或修復錯誤，只需打開 PR :)

請記住使用常規提交。
fix: <a bug>用於錯誤修復
feat: <a new feature>表示新功能
refactor: <a code refactor>用於程式碼重構
雜務：<bump lodash>與建置步驟相關的任何內容
Chore(deps): <bump lodash>用於依賴更新
Chore(deps-dev): <bump vercel>用於開發依賴更新
style: <add margin>用於與應用程式樣式相關的任何內容