Un simple clone de page d'accueil ReactJS Netflix exécuté sur DataStax DB qui exploite l'API GraphQL avec pagination et défilement infini.
Voir la présentation vidéo Resultat Final de ce que vous allez construire !
- Créez et exécutez un clone Netflix.
- Découvrez l'API GraphQL et comment l'utiliser avec une base de données pour créer les tables et parcourir les données.
- En savoir plus sur la pagination et le défilement infini dans une interface utilisateur Web.
- Tirez parti de Netlify et de DataStax Astra DB.
- Déployez le clone Netflix en production avec Netlify.
C'est quoi Graphql
GraphQL est un langage de requête de données open source développé par Facebook en 2012 pour simplifier la communication entre les applications frontales et les serveurs de données. Contrairement aux API REST traditionnelles, GraphQL permet aux clients de spécifier précisément les données dont ils ont besoin, ce qui évite le surchargement de l'API avec des requêtes multiples et redondantes.Avec GraphQL, les clients peuvent interroger une API pour récupérer uniquement les données nécessaires à leur application, ce qui peut réduire considérablement la quantité de données transférées et améliorer les performances. GraphQL fournit également une documentation complète pour l'API, ce qui facilite la compréhension et l'utilisation de l'API par les développeurs.
En somme, GraphQL est un langage de requête flexible et efficace pour les API qui permet aux clients de spécifier exactement les données dont ils ont besoin, en évitant le gaspillage de ressources et en améliorant les performances.
- Créer une instance de base de données DataStax
- Créer un jeton de sécurité
- Créer une table pour les genres avec GraphQL
- Insérer les données de genre avec GraphQL
- Récupérer les genres avec GraphQL
- Créer une table pour les films
- Insérer quelques films
- Récupérer des films : pagination
- Déployer l'interface graphique squelettique sur Netlify
- Lancez Gitpod depuis VOTRE dépôt Github
- Configurer et utiliser
astra-cli - Fonctions sans serveur
- Récupération depuis le front-end
- Installer la CLI Netlify
- Fournir les paramètres de connexion à la base de données
- Exécuter l'application en mode dev
- Connect to your Netlify site
- Déployer en production !
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent