Gatsby est un framework gratuit et open source basé sur React qui aide les développeurs à créer des sites Web et des applications extrêmement rapides

Plus à propos gatsby...

Je crée un site Gatsby et il a un composant de mise en page et d'en-tête que j'utilise pour créer des pages. J'ai également des feuilles de style individuelles pour chaque composant (layout.module.scss et header.module.scss). Voici .......
17 mars 2021 à 00:18
Dans mon eslintrc.js j'ai ao: extend: ['plugin: react / recommended', 'airbnb', 'airbnb / hooks', 'plugin: jsx-a11y / recommended', 'plugin: @ typescript-eslint / recommended' , 'plus jolie'.......
J'essaie de créer une interface utilisateur de filtrage vidéo. Il aura une grille de vidéos et quelques filtres dans la barre latérale. Mes vidéos sont un tableau d'éléments / objets que j'obtiens à partir d'une requête statique Gatsby. Un de mes filtres (à partir d'un composant de saisie semi-aut....
14 mars 2021 à 06:33
Je suivais le tutoriel de Gatsbyjs. (https://www.gatsbyjs.com/docs/tutorial/part-four/) Lien ici. J'ai tapé la commande dans le terminal de la fenêtre, gatsby new tutorial-part-four https://github.com/gatsbyjs/gatsby-starter-hello-world cd tutorial-part-four npm install gatsby-plugin-typography ty....
13 mars 2021 à 12:53
Je viens de créer un nouveau projet Gatsby et j'ai créé quelques petits composants qui sont affichés sur une page d'index après avoir été importés comme ceci: import Nav from "../components/Nav" import Intro from "../components/Intro" import About from "../components/About" import Experience from ".....
12 mars 2021 à 20:18
Je développe un site Web sur lequel une zone de recherche peut renvoyer de nombreux résultats dans une liste déroulante et chaque résultat a un lien interne cliquable vers une page Web du même site. J'ai initialement suivi les conseils de Gatsby et les ai mis en œuvre en tant qu'éléments <Link> ,. ....
12 mars 2021 à 18:28
Je construis actuellement un site dans React en utilisant le framework Gatsby. Le problème suivant est le suivant: util.js: 68 Uncaught TypeError: Impossible de lire la propriété 'fn' de undefined à util.js: 68 à util.js: 10 .......
12 mars 2021 à 11:53
J'essaie de rechercher un article de blog spécifique en utilisant le slug - afin qu'un article spécifique soit affiché en fonction du slug . J'ai rencontré l'erreur suivante: TypeError: Cannot read property 'Title' of null C'est la logique du code ci-dessous: spécifier le slug dans mon filtre pui....
Je suis assez nouveau sur Gatsbyjs et j'essaie de créer mon portfolio à des fins professionnelles. Un problème cependant: lorsque j'essaye de lier mon pdf, l'URL de la barre d'adresse ajoute un caractère supplémentaire. import resume from "../../static/samplepdf.pdf" <li> <label htmlFor="re....
11 mars 2021 à 17:26
J'ai un composant simple qui lit un fichier md et rend le HTML: import React from "react" import { graphql } from "gatsby" const IndexPage = ({ data }) => { console.log(data) const createMarkup = { __html: data.allMarkdownRemark.edges[0].node.html } return ( <> <h1>test start</h1> ....
11 mars 2021 à 09:16
J'ai essayé d'utiliser gatsby-plugin-sass sur mon site, mais il y a une erreur amusante qui se produit, voir ci-dessous. warn Attempted import error: './header.module.scss' does not contain a default export (imported as 'headerStyles'). J'ai un header.module.scss et le header.js qui contient: impor....
11 mars 2021 à 02:25
J'essaie d'utiliser React-slick avec des images gatsby-plugin et j'ai la configuration de la page comme celle-ci. import React from "react"; import { graphql } from "gatsby" import Slider from "react-slick"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; impo....
10 mars 2021 à 22:03
Dans mon projet Gatsby, je reçois cet avertissement. J'utilise Gatsby v3. L'avertissement ressemble à ceci Warning: Failed prop type: The prop `alt` is marked as required in `MainImage`, but its value is `undefined`.MainImage Le index.js ressemble à ceci. import { graphql, Link } from "gatsby" i....
10 mars 2021 à 18:44
Je suis nouveau dans Visual Studio Code (VSC) et je travaille sur un didacticiel Gatsby. Chaque fois que j'ai créé un nouveau répertoire, VSC lie ou semble lier src / pages ensemble. Je veux que les pages soient un sous-dossier de src. Src devrait être autonome par rapport aux autres exemples que....
10 mars 2021 à 01:24
J'utilise Gatsby pour créer un site statique et un keycloak pour l'authentification. J'utilise ces bibliothèques: keycloak-js et @react-keycloak/web Pendant le développement (gatsby develop) tout fonctionne bien, l'authentification fonctionne et tout ça ... Mais lorsque j'exécute gatsby build, cel....
9 mars 2021 à 20:12
J'ai un site Gatsby and Sanity basé sur un projet de démarrage. Tout a très bien fonctionné jusqu'à présent, mais j'ai mis à jour tous mes packages et plugins aujourd'hui dans mon fichier package.json pour me débarrasser de tous les avertissements npm. Cela incluait la mise à jour vers Gatsby 3.0.....
9 mars 2021 à 05:02
Je crée une page 404 dans Gatsby et je veux donner à l'utilisateur une suggestion pour un nom de chemin similaire basé sur le chemin vers lequel il est allé (qui n'existe pas). Comment obtenir un tableau de toutes les pages existantes de mon site Web?....
Je travaille sur un site où j'ai une galerie et une lightbox personnalisée. Actuellement, j'interroge mes données avec une requête de page, cependant, je les utilise également dans d'autres composants pour afficher les bonnes images et changer les états. Il est plus facile pour moi de stocker des ....
Dans mes projets Gatsby, je reçois cet avertissement pour importer les styles dans mon fichier pages / index.js import { Link } from "gatsby" import React from "react" import Layout from "../components/Layout" import style from "../styles/home.module.css" export default function Home() { retur....
8 mars 2021 à 07:46
J'aurais besoin d'un petit conseil avec gatsby-image. Je construis une galerie avec une lightbox personnalisée. Requête: export const getAllPhotos = graphql` query GetAllPhotos { allStrapiPortfolio { photos: nodes { categories { name } ....
J'essaye d'installer gatsby-plugin-image via npm selon la documentation https: / /www.gatsbyjs.com/plugins/gatsby-plugin-image#installation Réception des erreurs suivantes dans le terminal: $ npm install gatsby-plugin-image gatsby-plugin-sharp gatsby-source-filesystem gatsby-transformer-sharp npm E....
6 mars 2021 à 07:01
Exécution de Gatsby version 3.0.1, avec sass 1.32.8. Je viens de commencer à jouer avec quelques choses et je suis tombé sur un problème étrange que je ne peux pas résoudre. ./gatsby-config.js module.exports = { /* Your site config here */ plugins: [ { resolve: `gatsby-plugin-sass`, ....
5 mars 2021 à 16:04
Je suis un noob utilisant Gatsby et Strapi. Essayer de créer un composant simple qui utilise une requête graphql. import React depuis "react" import {StaticQuery, graphql} depuis "gatsby" export .......
4 mars 2021 à 01:31
J'ai une configuration de projet Gatsby et le gatsby-plugin-google-tagmanager a> setup dans mon gatsby-config.ts en utilisant la configuration suivante: ... { resolve: 'gatsby-plugin-google-tagmanager', // @see https://www.gatsbyjs.com/plugins/gatsby-plugin-google-tagmanage....
J'étais en train de créer un gatsby-blog et j'ai apporté des modifications dans siteMetadata à l'intérieur gatsby-config.js. siteMetadata: { title: `my blog`, description: `A Blog starter`, author: `dan`, authorTagline: 'Learning', social: { twitter: `asdfg`, }, J'a....
3 mars 2021 à 18:47