paginamente
Cree sitios web increíblemente rápidos con Notion a la velocidad de la luz ⚡️
Lance sitios web increíblemente rápidos y compatibles con SEO desde Notion, Google Sheets, GitHub, Airtable con Pagely
¿Qué es Pagely?
Pagely es una plataforma sin código que te ayuda a iniciar sitios web desde tus aplicaciones favoritas como Notion, GitHub, Google Sheets, Airtable y más. En lugar de permitirte manejar todas las cosas de SEO, Pagely automáticamente lo hace compatible con SEO para ti. ¿No te gustan los estilos predeterminados de Notion? No te preocupes, puedes editar el CSS hasta el contenido de tu corazón. Y una de mis funciones favoritas: los subdominios personalizados. Pagely te permite elegir el subdominio que prefieras, por ejemplo. lalit.pagely.site, your-name.pagely.site, etc... Sí, lo hiciste bien: Hashnode también lo hace. ¡Todo lo que necesita hacer es escribir el contenido de su sitio web en Notion y su sitio web se actualizará en vivo, en tiempo real! ¡¡Puedes crear un sitio web para tu proyecto de código abierto en GitHub simplemente agregando un pagely.json también!!. . Hay muchas más funciones en Pagely.
Características
- Subdominios personalizados gratuitos (p. ej., su-nombre.pagely.site)
- Sitio web de actualización en vivo
- Generación automática de imágenes OG ( ¿no con titiritero ? Lea más para descubrirlo)
- Estilo personalizado (con CSS)
- Etiquetas
<head> personalizadas (para análisis e infinitas integraciones más) - Muestre sus sitios web en la página de presentación
- Sitios web ultrarrápidos
- Dominios personalizados (a través de una solución alternativa hasta que Vercel lo admita)
- Guías detalladas sobre cómo integrar Pagely con varias subpáginas
- Slugs/subrutas/subrutas/ URL personalizadas para páginas de Notion (próximamente)
- Protección con contraseña para sitios web (¿a través de la integración StaticShield incorporada?)
- Potentes integraciones como Crisp.chat, Disqus, Google Analytics, Stripe, Gumroad, etc.
- En Vercel. Su sitio web Pagely está almacenado en caché en la red perimetral de Vercel.
- Mapas de sitio automáticos (próximamente)
- Fuentes personalizadas, favicons y más
- SSL automático ( https )
- ¿Crear sitios web increíbles desde tu teléfono móvil ?
- Búsqueda de texto completo para todo el sitio web (próximamente)
- Resaltado de sintaxis para bloques de código
- Modo oscuro para todos los sitios web (próximamente mañana)
- Vista previa en vivo de Twitter de su sitio web
Algunos enlaces útiles
- Sitio web en vivo → https://pagely.site
- Repositorio de GitHub → https://github.com/lalit2005/pagely
- Escaparate → https://pagely.site/showcase
- Guías → https://guides.pagely.site
- Sitio de ejemplo con Notion → https://lalit.pagely.site
- Sitio de ejemplo con GitHub → https://pagely-with-github.pagely.site/
Pila de tecnología
Esta es una de las partes más sorprendentes del blog. Esto se debe a que Pagely está completamente construido con Jamstack. Sí, me escuchaste bien. Toda la aplicación se creó con Next.js (excepto el servicio de generación automática de imágenes OG)
- Next.js: el marco de React más sorprendente del planeta
- Secretario - Autenticación
- TailwindCSS - Estilo
- Radix UI: biblioteca de componentes de reacción primitiva
- UI sin cabeza: biblioteca de componentes de UI
- Supabase (Postgres) - Base de datos
- Prisma - ORM de base de datos
- Axios: solicitudes de API
- Formulario React Hook - Validación de formulario
- Zod - Validación
- Web3forms - Envíos de formularios
- SWR - Obtención remota de datos
- Mecanografiado - Comprobación de tipos
- Vercel - Alojamiento
Contribuyendo
¡¡También puedes contribuir enviando plantillas!! Para más detalles visite https://pagely.site/templates
- Clona este repositorio →
git clone https://github.com/Lalit2005/pagely - Configure las variables de entorno de Clerk desde el panel de Clerk
- Cree una base de datos Postgres gratuita en Supabase y obtenga la URL/cadena de conexión
- Obtenga su clave API de Imgbb aquí (solo si está contribuyendo a la sección de carga de imágenes)
- Instalar las dependencias →
yarn - Ejecute la aplicación en localhost →
yarn dev - Crear una nueva sucursal
- Una vez que termine una nueva función o corrija un error, simplemente abra un PR :)
Recuerde utilizar confirmaciones convencionales .
- corrección: <un error> para corregir un error
- hazaña: < una nueva característica> para una nueva característica
- refactor: <un refactor de código> para un refactor de código
- tarea: <bump lodash> cualquier cosa relacionada con el paso de compilación
- tarea (deps): <bump lodash> para una actualización de dependencia
- tarea (deps-dev): <bump vercel> para una actualización de dependencia de desarrollo
- estilo: <agregar margen> para cualquier cosa relacionada con el estilo de la aplicación
Apóyame ☕️
Si quieres apoyarme, ¿puedes invitarme un café aquí?
