[TUTO] Générateur de Landing Pages depuis spreadsheet

Salut l’équipe !

J’espère que vous allez bien.

Je vous propose un tuto pour générer des landing pages grâce à Nuxt et Sheety.
Ces pages vont par la suite être hébergées gratuitement sur Netlify.

Vous trouverez mon code sur ce repo.
Merci d’utiliser les issues de Github pour toutes vos questions techniques.

Liens :

Pour aller plus loin :

16 J'aimes

Canon Vivian !

Ca ouvre plein de possibilités en growth, en générant/updatant des landing pages avec du contenu poussé dans spreadsheet depuis des sources diverses. Avec importfromweb/json de @Mapi ça ferait un bon combo.

2 J'aimes

Ca change des tutos sur Jarvee :joy: Merci @VivianSolide !

J’ai jamais essayé nuxt ou netlify, mais ca donne un bon use case :+1:

1 J'aime

Ca tue bravo :balloon: !

1 J'aime

Ca tue c’est clair ! ca laisse l’opportunité de faire de belles choses. Merci pour ce tuto

Bonjour et bravo pour ce générateur ! Et le choix de nuxt.js :slight_smile:
Ça doit être mon 1er message sur le forum (que je suis de loin).
Je fais du nuxtjs depuis presque 2 ans.
Le code n’est pas très optimisé pour limiter le nombre de requêtes.
Il vaudrait mieux charger sheety dans le store Vuex, puis générer les pages avec…
Je viens de mettre une issue sur de dépôt.

Une idée au passage, en chargeant sheety avec nuxt/content, il serait possible d’intégrer des composants nuxt directement dans le texte.

1 J'aime

Merci pour ton retour.
En effet, le code n’est pas parfaitement optimisé pour économiser des requêtes.

Je suis d’accord avec toi pour l’utilisation du store pour remédier à cela.
Toutefois j’ai essayé de faire un tuto plutôt simple à suivre mais surtout à reproduire.

Je pensais faire une branche distincte qui reprendrait ce type d’optimisations.
Branche qui pourrait reprendre notamment la récente fonctionnalité content

Qu’en penses-tu ?

Top ! Merci pour ce tuto très bien expliqué :).

Oui, dans tous les cas c’est mieux de travailler sur des branches git.

J’avais même pas regarder ton tuto en fait. Juste le code.
En fait tu génères un site statique. Mais avec nuxt tu peux faire du SSR, et donc ajouter une ligne dans ton spreadsheet pour créer une nouvelle page sans même re-déployer le site (mais pas avec netlify, plutôt vercel (anciennement now.sh) par ex).
Ou alors tu restes en statique, et tu créés un webhook vers netlify pour déployer quand une nouvelle ligne est ajoutée, avec zappier par ex : https://zapier.com/apps/google-sheets/integrations/netlify

1 J'aime

C’est pour ça que j’avais partagé le tuto de @cebri sur Google Spreadsheet.
Tu peux effectivement faire un bouton « Deploy to Netlify » très rapidement depuis ta Spreadsheet ! :wink:

Mais Zapier c’est très bien aussi !
Surtout si tu as un workflow qui va générer des pages supplémentaires.