Repositório da live de Gatsby

Esse repositório contém o código desenvolvido durante a live do Bootcamp sobre Gatsby. Você pode ver o projeto em livegatsby.netlify.com.

Obs.: Essa documentação está disponível também em Inglês 🇺🇸

🚀 Como rodar o projeto

1. Faça um clone do repositório.

   git clone https://github.com/rocketseat/live-gatsby

2. Comece a desenvolver.

   Entra na pasta e inicie o servidor de desenvolvimento

   cd live-gatsby/
   yarn start

3. Abra o código fonte e bora dale!

   O site está rodando em http://localhost:8000!

   Obs: Você vai ver um link secundário: http://localhost:8000/___graphql. Essa ferramenta pode ser utilizada para fazer query de informações. Saiba mais em https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql.

🧐 O que tem dentro?

Um pouco sobre os arquivos que tem dentro de um projeto Gatsby:

├── node_modules
├── content
├── src
├── .gitignore
├── .prettierrc
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── LICENSE
├── package.json
└── README.md
└── yarn.lock

1. /node_modules: Contém todas as dependências do projeto.

2. /content: Nesse diretório ficam todos os posts do blog, criados com markdown. Por padrão, essa pasta não vem no Gatsby, foi criada durante a live para o nosso blog.

3. /src: Essa pasta contém todo o código relacionado com o front-end do site (o que você vê no browser), como header e outras informações. src é uma convenção para “source code”.

4. .gitignore: Quais arquivos serão ignorados pelo GIT.

5. .prettierrc: Configurações do Prettier.

6. gatsby-browser.js: Esse arquivo é onde o Gatsby "espera" encontrar uso da Browser API do Gatsby (se tiver algo).

7. gatsby-config.js: Esse é o arquivo principal de configuração de um site Gatsby. Aqui você coloca informações sobre o site (metadata), como título e descrição. Além disso, nesse arquivo ficam todas as configurações dos plugins. (Dê uma olhada na documentação para mais informação).

8. gatsby-node.js: Esse arquivo é onde o Gatsby "espera" encontrar uso da API do Gatsby Node (se tiver algo). Aqui usamos para criar as páginas a partir dos arquivos do blog, da pasta content.

9. gatsby-ssr.js: Esse arquivo é onde o Gatsby "espera" encontrar uso da API de server-side rendering (se tiver algo). Permite a customização das configurações afetando server-side rendering.

10. LICENSE: O Gatsby está sob a licença MIT.

11. package.json: Um arquivo de manifesto para projetos Node.js.

12. README.md: Esse arquivo aqui que você está lendo 😊

13. yarn.lock Arquivo gerado automaticamente pelo yarn.

🎓 Aprendendo Gatsby

Quer saber mais? Dê uma olhada na documentação do Gatsby no site. Alguns lugares para começar:

• Tutorial super bem explicado da documentação. Parte do princípio que você tem zero conhecimento sobre. Te guia em todo o processo.

A documentação é super completa, tem literalmente tudo lá. Se você precisar de alguma ajuda, me mande uma mensagem na nossa comunidade no Discord. Sou o João Pedro Schmitz 🤙🏻

Nós próximos meses vamos trazer muito conteúdo para vocês no canal da Rocketseat sobre Gatsby, fique ligado!!

🔗 Alguns links

• joaopedro.cc;
• joaopedro.cc repositório;
• Série ensinando a criar um blog com Gatsby;
• Gatsby starters;
• Gatsby repositório
• Como fazer deploy pro Netlify;

🎉 Como contribuir

Para mais informações sobre como contribuir dê uma olhada no arquivo CONTRIBUTING.md.

📝 Licença

MIT - veja o arquivo LICENSE.md para mais informações.