Installer React-bootstrap dans un projet Gatsby

Maintenant que mon combo Strapi/Gatsby est installé, et que mon blog fonctionne, j'ai bien envie de m'attaquer au design de mon site. Comme je suis partisane de l'adage "on ne va pas refaire la roue", je vais installer react-bootstrap dans mon projet.

Il faut donc se mettre à la racine, et lancer la commande suivante :

npm install react-bootstrap bootstrap

Pour ma part, je personnalise react-bootstrap avec un fichier Custom.scss. Il faut donc installer les plugins grâce à la commande suivante :

npm install node-sass gatsby-plugin-sass

Une fois installés, il faut ajouter le plugin à la configuration gatsby (gatsby-config.js).

plugins: [`gatsby-plugin-sass`],

Il ne nous reste plus qu'à créer notre Custom.scss puis à l'importer dans notre index, et le tour est joué :)