Comment créer un site Web avec Google Sheets gratuitement
Comment créer un site Web avec Google Sheets gratuitement
HonnĂȘtement, je n'en crois pas mes yeux, et je dois partager ce que je viens de dĂ©couvrir avec vous. Je suis rĂ©cemment tombĂ© sur un service que je peux utiliser pour alimenter des sites Web, des applications ou tout ce que je veux, le tout avec une simple feuille de calcul Google. Ce service s'appelle Sheety , que j'ai trouvĂ© sur Product Hunt . En bref, Sheety vous permet de crĂ©er un site Web avec n'importe quelle feuille Google et de le transformer instantanĂ©ment en API, le tout gratuitement.
Pourquoi créer un site Web avec Google Sheets
Vous vous demandez probablement pourquoi vous devriez créer un site Web avec Google Sheets alors qu'il existe de nombreux services comme WordPress.
Et c'est une bonne question. Alors décomposons-le : l'idée derriÚre Sheety et des outils comparables n'est certainement pas de remplacer des services comme WordPress car ils sont irremplaçables. Cela dit, passons briÚvement en revue certains avantages de la création d'un site Web avec Google Sheets, afin que vous puissiez décider s'il s'agit de l'outil pour votre projet.
- Google Sheet est essentiellement une feuille de calcul - et c'est gratuit.
- Presque tout le monde sait comment créer/mettre à jour une feuille de calcul.
- Les feuilles de calcul peuvent ĂȘtre facilement stockĂ©es et sauvegardĂ©es.
- Bon pour créer un site personnel rapide et gratuit.
- Convient pour le prototypage rapide de sites Web.
- Idéal pour créer une liste de newsletter.
- Pas besoin d'exporter/importer les données de vos feuilles de calcul.
Quel service dois-je utiliser ?
Comme mentionné précédemment, Sheety est l'un de ces services disponibles. Il existe des alternatives à Sheety allant du gratuit au premium pour vous aider à créer votre site web.
- Sheety
- Sheet2Site
- Parcourez les alternatives sur Product Hunt .
Pour les besoins de cet article, utilisons le service Sheety qui est gratuit mais puissant.
Sheety – transformez votre feuille de calcul Google en API
Le service Sheety transforme n'importe quelle feuille de calcul Google en API, ce qui vous permet de récupérer vos données sur n'importe quel site Web. Avant de commencer, c'est une bonne idée de lire les articles suivants pour vous familiariser avec ce service.
Comment créer un site Web de portefeuille simple avec Google Sheets
Parce que presque tout le monde a besoin d'un moyen de montrer son travail, les portfolios sont l'un des types de sites Web les plus populaires. Alors créons un site Web de portefeuille simple comme celui que vous voyez ci-dessous.
Vous pouvez voir la version finale en direct sur CodePen .
Préparer une feuille Google
1. Créez une nouvelle feuille Google, puis ajoutez deux feuilles appelées Meta et Items .
2. Dans la feuille Meta , ajoutez les données Title , Read more et Footer comme indiqué ci-dessous.
3. Dans la feuille ĂlĂ©ments , ajoutez les colonnes Titre , Description , Balises et Capture d'Ă©cran comme indiquĂ© ci-dessous. Ces colonnes fonctionneront comme des donnĂ©es factices pour remplir les Ă©lĂ©ments du portefeuille.
Connectez la feuille de calcul Google Ă Sheety
1. Connectez-vous Ă Sheety avec vos informations de connexion Gmail.
2. Ajoutez un nouveau projet, puis définissez le Nom du projet sur Portfolio et l' URL de la feuille de calcul sur votre feuille Google et cliquez sur le bouton Créer .
3. Cliquez sur le bouton Sync pour générer les endpoints API. AprÚs cela, vous devriez pouvoir voir les points de terminaison Meta et Items .
Préparer le site Web
Pour cet article, j'ai utilisé le site Web CodePen . Vous pouvez utiliser n'importe quel autre service ou créer votre propre code HTML sur votre hébergeur local.
1. Créez un stylet dans CodePen et appelez-le Sheety Portfolio .
2. Ajoutez le framework CSS Tailwind . Ceci est utilisé pour créer rapidement une mise en page visuellement attrayante.
https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.2.0/tailwind.min.css
3. Ajoutez le framework Vue.js et la bibliothÚque Axios , qui sont utilisés pour récupérer les données de l'API et remplir correctement le code HTML.
https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js
https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js
4. Copiez et collez le HTML et le JS de ce stylo vers votre stylo. Il n'est pas nécessaire d'expliquer les codes HTML et JS ici car cela sort du cadre de cet article. Cependant, j'ai ajouté quelques commentaires dans les codes pour vous aider à comprendre les codes.
5. Maintenant, vous devriez pouvoir voir un site Web comme dans la premiÚre capture d'écran. Désormais, dÚs que vous mettez à jour votre feuille de calcul Google et actualisez votre stylet, les nouvelles données s'affichent automatiquement.
Conclusion
Dans l'ensemble, je suis heureux d'avoir trouvé ce site Web Sheety et d'avoir partagé ce service avec vous. Dans cet article, nous avons d'abord découvert un service sympa pour créer un site Web avec Google Sheets. DeuxiÚmement, nous avons créé des sites Web simples pour saisir le potentiel de ces services.
Ce serait cool de partager vos sites Web alimentés par Google Sheets avec nous dans la section des commentaires ci-dessous.
https://degurutech.com/turn-google-sheets-into-a-website/
Commentaires
Enregistrer un commentaire
đ Hello,
N'hĂ©sitez pas Ă commenter ou vous exprimer si vous avez des trucs Ă dire . . .đ