Pagely
Créez des sites Web ultra-rapides avec Notion à la vitesse de la lumière ⚡️
Lancez des sites Web ultra-rapides et conviviaux pour le référencement à partir de Notion, Google Sheets, GitHub, Airtable avec Pagely
Qu'est-ce que Pagely
Pagely est une plateforme sans code qui vous aide à lancer des sites Web à partir de vos applications préférées telles que Notion, GitHub, Google Sheets, Airtable et plus encore ?. Au lieu de vous laisser gérer toutes les tâches de référencement, Pagely le rend automatiquement convivial pour vous. Vous n'aimez pas les styles par défaut de Notion ? Pas de soucis, vous pouvez modifier le CSS à votre guise. Et l’une de mes fonctionnalités préférées : les sous-domaines personnalisés. Pagely vous permet de choisir le sous-domaine de votre choix, par exemple. lalit.pagely.site, votre-nom.pagely.site, etc... Ouais, vous avez raison – Hashnode fait ça aussi. Tout ce que vous avez à faire est de saisir le contenu de votre site Web dans Notion et votre site Web est mis à jour en direct, en temps réel !! Vous pouvez créer un site Web pour votre projet open source sur GitHub simplement en ajoutant également un pagely.json !!. . Il y a une tonne de fonctionnalités supplémentaires dans Pagely.
Caractéristiques
- Sous-domaines personnalisés gratuits (par exemple votre-nom.pagely.site)
- Site Web de mise à jour en direct
- Génération automatique d'images OG ( pas avec le marionnettiste ? lisez la suite pour en savoir plus)
- Style personnalisé (avec CSS)
- Balises
<head> personnalisées (pour l'analyse et une infinité d'intégrations supplémentaires) - Présentez vos sites Web dans la page vitrine
- Des sites Web ultra-rapides
- Domaines personnalisés (via une solution de contournement jusqu'à ce que Vercel le prenne en charge)
- Guides détaillés sur la façon d'intégrer Pagely avec diverses sous-pages
- Slugs/sous-chemins/sous-routes personnalisés/ jolies URL pour les pages Notion (à venir)
- Protection par mot de passe pour les sites Web (via l'intégration intégrée de StaticShield ?)
- Intégrations puissantes telles que Crisp.chat, Disqus, Google Analytics, Stripe, Gumroad, etc.
- Sur Vercel. Votre site Pagely est mis en cache sur le réseau Edge de Vercel
- Plans de site automatiques (à venir)
- Polices personnalisées, favicons et bien plus encore
- SSL automatique ( https )
- Créer de superbes sites Web depuis votre téléphone mobile ?
- Recherche en texte intégral pour l'ensemble du site Web (à venir)
- Mise en évidence de la syntaxe pour les blocs de code
- Mode sombre pour tous les sites Web (à venir demain)
- Aperçu Twitter en direct de votre site Web
Quelques liens pratiques
- Site Web en direct → https://pagely.site
- Dépôt GitHub → https://github.com/lalit2005/pagely
- Vitrine → https://pagely.site/showcase
- Guides → https://guides.pagely.site
- Exemple de site avec Notion → https://lalit.pagely.site
- Exemple de site avec GitHub → https://pagely-with-github.pagely.site/
Pile technologique
C'est l'une des parties les plus surprenantes du blog. C'est parce que Pagely est entièrement construit avec Jamstack. Ouais, tu m'as bien entendu. L'ensemble de l'application a été réalisé avec Next.js (à l'exception du service de génération automatique d'images OG)
- Next.js – Le framework React le plus étonnant de la planète
- Commis - Authentification
- TailwindCSS - Style
- Radix UI - Bibliothèque de composants de réaction primitifs
- Headless UI - Bibliothèque de composants d'interface utilisateur
- Supabase (Postgres) - Base de données
- Prisma - Base de données ORM
- Axios - Requêtes API
- Formulaire React Hook - Validation du formulaire
- Zod-Validation
- Web3forms - Soumissions de formulaires
- SWR - Récupération de données à distance
- Typescript - Vérification du type
- Vercel - Hébergement
Contribuer
Vous pouvez également contribuer en soumettant des modèles !! Pour plus de détails, visitez https://pagely.site/templates
- Cloner ce dépôt →
git clone https://github.com/Lalit2005/pagely - Configurer les variables d'environnement du commis à partir du tableau de bord du commis
- Lancez une base de données Postgres gratuite dans Supabase et obtenez l'URL/la chaîne de connexion
- Obtenez votre clé API auprès d'Imgbb ici (uniquement si vous contribuez à la section Téléchargement d'images)
- Installer les dépendances →
yarn - Exécutez l'application sur localhost →
yarn dev - Créer une nouvelle branche
- Une fois une nouvelle fonctionnalité terminée ou corrigé un bug, ouvrez simplement un PR :)
N'oubliez pas d'utiliser des commits conventionnels .
- fix : <a bug> pour une correction de bug
- feat : <une nouvelle fonctionnalité> pour une nouvelle fonctionnalité
- refactor : <un refactor de code> pour un refactor de code
- corvée : <bump lodash> tout ce qui concerne l'étape de construction
- corvée(deps) : <bump lodash> pour une mise à jour de dépendance
- corvée(deps-dev): <bump vercel> pour une mise à jour de dépendance de développement
- style : <ajouter une marge> pour tout ce qui concerne le style de l'application
Soutenez-moi ☕️
Si vous souhaitez me soutenir, vous pouvez me venir prendre un café ici ?
