Gatsby: [1.0] Início do projeto - Estrutura da Solução

Olá equipe Gatsby,

Para começar minha exploração, configurei um projeto a seguir sem executá-lo. Até agora, ele apenas representa o esqueleto dele. As perguntas são contra a estrutura de pastas que coloquei na captura de tela seguinte do meu VSCode.

1. Por favor, confirme, data é o diretório onde posso baixar meu conteúdo contentful como etapa de pré-compilação.
   
   
   
   • Minha ideia é baixar conteúdo de texto em JSON e imagens do CMS / DMS que não mudam com frequência. Por exemplo, artigo, página de detalhes do produto etc.,
   
   
2. Baixarei os dados em várias pastas separadas para diferentes seções do site, mas, para confirmar, posso usar essas fontes de dados da seguinte maneira.
   
3. Utils na raiz no seu exemplo de gatsbygram, é a pasta onde podemos colocar o utilitário JavaScript que pode ser chamado a partir do Node em tempo de compilação.
4. Para definir componentes, o que você recomenda, por exemplo, usar React BootStrap Components ou criar seus próprios componentes atômicos para seguir o princípio de design Atomic?
5. É uma boa ideia criar componentes compostos usando os componentes atômicos acima com outros componentes disponíveis ao público, se necessário?
6. Como o próprio nome já diz, default.js é layout, mas na verdade você pode definir sua estrutura HTML geral em html.js também, então por que precisamos da pasta de layout, ou eu perdi algo aqui?
7. Diretório de páginas, embora simples, que converterá seus arquivos aqui para páginas HTML diretamente no build. Mas eu tenho mais perguntas sobre isso.
   uma. Na captura de tela acima, tips-and-articles.js se transformarão em uma página html. Mas e se eu quiser mais páginas abaixo da estrutura de URL, como www.abc.com/en-us/tips-and-articles/how-to-do-this .
   b. E se eu quiser gerar todo o IA (arquitetura de informação ou hierarquia de páginas do site) usando CMS onde o autor do negócio pode definir as próprias páginas no CMS.
   c. E se eu quiser localizar essas páginas amanhã, onde as páginas agora estão em www.abc.com/fr-fr/Conseils-et-articles/how-to-do-ce.
8. Em seu exemplo do Gatsbygram, você mostra as postagens do Instagram em um diálogo modal, e se eu quiser cada uma delas como páginas individuais para SEO e melhor propósito de rastreamento. Como vou gerar essas páginas, usando modelos?
9. Qual é o uso da pasta utils em SRC além de manter o par de valores-chave ou a declaração CSS.
10. Você usou CSS inline em todos os casos, sabemos que é bom para CSS crítico, mas você não vê a implementação de CSS baseada em classes usuais em componentes que usam o modelo PostCSS ou SaSS.
11. Inspirando-se em seu scrape.js, será usado para gerar e baixar conteúdo do Contentful.
12. Seria ótimo se alguém explicasse em detalhes cada um dos arquivos destacados no ponto 12 na captura de tela acima.