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 上。您的 Pagely 网站缓存在 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>用于与应用程序样式相关的任何内容