Publié le 15/03/2024
Qu'est-ce que ShadcnKit ? Le Kit de Démarrage Next.js dont Vous Avez Besoin
ShadcnKit est un kit de démarrage Next.js conçu pour faciliter le développement web. Il vous offre une base solide, vous évitant ainsi de perdre du temps à configurer les bases à chaque nouveau projet. Construit avec Next.js App Router, il intègre des outils comme Cloudflare (pour l'hébergement et la base de données), Stripe pour les paiements, et Logto pour l'authentification — le tout pré-configuré pour que vous puissiez démarrer rapidement.
Considérez-le comme une boîte à outils pour construire des applications évolutives et sécurisées, sans les tracas habituels. Vous voulez sauter l'étape du code répétitif et passer directement à la construction ? ShadcnKit est là pour vous.
Caractéristiques Principales de ShadcnKit
1. Next.js avec App Router
Au cœur de ShadcnKit se trouve la dernière version de Next.js, incluant le nouveau App Router. Cela garantit que votre projet bénéficie des dernières améliorations de performance et fonctionnalités offertes par le framework Next.js.
2. Intégration Cloudflare
ShadcnKit est livré avec un support intégré pour les services Cloudflare :
- Base de données Cloudflare D1 : Intégrée avec Drizzle ORM pour des opérations de base de données efficaces et typées.
- Hébergement Cloudflare Pages : Solution de déploiement et d'hébergement transparente pour vos applications web.
3. Authentification avec Logto
La sécurité est une priorité dans les applications web modernes. ShadcnKit intègre Logto pour une authentification robuste et personnalisable, vous permettant de mettre en place une gestion sécurisée des utilisateurs en toute simplicité.
4. Traitement des Paiements avec Stripe
Pour les applications nécessitant des fonctionnalités de paiement, ShadcnKit inclut l'intégration de Stripe. Cela vous permet de gérer les paiements et les abonnements dès le départ.
5. Fonctionnalité Email avec Resend
La communication par email est cruciale pour de nombreuses applications web. ShadcnKit intègre Resend pour une fonctionnalité email efficace et fiable, facilitant l'envoi d'emails transactionnels, de notifications, et plus encore.
6. Support de l'Internationalisation
Dans notre monde globalisé, la prise en charge de plusieurs langues est souvent une nécessité. ShadcnKit est livré avec un support intégré pour l'internationalisation (i18n), vous permettant de créer facilement des applications multilingues.
7. Système de Blog avec Routage Dynamique
Le contenu est roi, et ShadcnKit le reconnaît en incluant un système de blog avec routage dynamique. Cette fonctionnalité vous permet de créer et de gérer facilement des articles de blog au sein de votre application.
8. Journalisation et Surveillance des API
Pour vous aider à suivre les performances et l'utilisation de votre application, ShadcnKit inclut un système de journalisation des API. Les logs sont stockés dans la base de données Cloudflare D1, fournissant des informations précieuses sur le comportement de votre application.
9. Système de Retour Utilisateur
Recueillir les retours des utilisateurs est crucial pour améliorer votre application. ShadcnKit inclut un système de retour utilisateur intégré, vous permettant de collecter et de gérer efficacement les commentaires des utilisateurs.
10. Gestion des Abonnements
Pour les applications offrant des services basés sur l'abonnement, ShadcnKit fournit une fonctionnalité de gestion des abonnements intégrée à Stripe et stockée dans la base de données Cloudflare D1.
11. Composants UI Personnalisables
ShadcnKit exploite la puissance de shadcn/ui et Magic ui, fournissant un ensemble de composants UI personnalisables et accessibles. Cela vous permet de créer des interfaces utilisateur belles et cohérentes sans partir de zéro.
12. Intégration du Pixel Facebook
ShadcnKit inclut un support intégré pour le Pixel Facebook, vous permettant de suivre les interactions des utilisateurs sur votre site web pour de meilleures analyses, un ciblage publicitaire et un suivi des conversions.
13. API de Conversion Facebook
Pour améliorer le suivi des ventes et des inscriptions d'utilisateurs, ShadcnKit intègre l'API de Conversion Facebook, garantissant que vous disposez de données précises pour optimiser vos campagnes publicitaires et obtenir de meilleures informations sur l'attribution.
Démarrer avec ShadcnKit
Pour commencer à utiliser ShadcnKit, vous devrez configurer des comptes avec les services suivants :
- Cloudflare
- Logto
- Stripe
- Resend
Une fois ces comptes configurés, vous pouvez cloner le dépôt ShadcnKit et commencer à configurer votre projet. Le kit fournit des instructions détaillées pour configurer les variables d'environnement, configurer votre base de données Cloudflare D1 et intégrer les différents services.
Gestion de Base de Données avec Drizzle ORM
ShadcnKit utilise Drizzle ORM pour les opérations de base de données, offrant un moyen typé et efficace d'interagir avec votre base de données Cloudflare D1. Le kit inclut des définitions de schéma pré-configurées et des exemples d'utilisation de Drizzle ORM dans votre code d'application.
Déploiement
Le déploiement de votre projet ShadcnKit est simple, grâce �� son intégration avec Cloudflare Pages. En connectant votre dépôt GitHub à Cloudflare Pages et en configurant les paramètres de build, vous pouvez avoir votre application opérationnelle en un rien de temps.
Conclusion
ShadcnKit est bien plus qu'un simple kit de démarrage ; c'est une solution complète pour le développement web moderne. En combinant Next.js avec un ensemble soigneusement sélectionné d'outils et de services, ShadcnKit offre aux développeurs une base puissante pour construire des applications web évolutives, sécurisées et riches en fonctionnalités.
Que vous construisiez un simple blog ou une application SaaS complexe, ShadcnKit offre les fonctionnalités et la flexibilité dont vous avez besoin pour donner vie à vos idées rapidement et efficacement. Avec son accent mis sur l'expérience du développeur, la performance et l'évolutivité, ShadcnKit est un excellent choix pour les développeurs cherchant à rationaliser leur processus de développement d'applications web.
Alors pourquoi partir de zéro quand vous pouvez exploiter la puissance de ShadcnKit ? Essayez-le et découvrez la différence que cela peut faire dans votre prochain projet de développement web !
Bilal Mansouri
Indie Maker and Founder of Shadcnkit