Gatsby Crie um site PWA com React, GraphQL e Netlify CMS 收录时间:2020-07-12 05:48:35 文件大小:4GB 下载次数:12 最近下载:2020-12-02 16:28:39 磁力链接: magnet:?xt=urn:btih:a67cbca7826eb477d2616185df7dd367c5fe15fb 立即下载 复制链接 文件列表 11. Deixando responsivo e adicionando transições de páginas/1. Utilizando o styled-media-query.mp4 125MB 10. Criando LightDark Theme e Modo de Visualização/4. Criando o método para a troca dos temas.mp4 120MB 9. Criando a página de Search/4. Configurando o plugin dentro do Gatsby.mp4 113MB 12. SEO e PWA/1. Utilizando o React-Helmet para otimizar o SEO do site.mp4 101MB 7. Estruturando a Home/5. Criando um componente de paginação.mp4 101MB 11. Deixando responsivo e adicionando transições de páginas/3. Aplicando transições para as páginas.mp4 93MB 10. Criando LightDark Theme e Modo de Visualização/6. Estilizando com CSS Grid.mp4 93MB 8. Estruturando a Página de Post/6. Criando o RecommendedPosts component.mp4 92MB 8. Estruturando a Página de Post/3. Configurando as imagens dentro do post com gatsby-remark-images.mp4 91MB 4. Trabalhando com Imagens no Gatsby/3. Criando a primeira query para imagens.mp4 88MB 13. Fazendo Deploy com Netlify e criando o CMS/3. Conhecendo e configurando o Netlify CMS.mp4 87MB 5. Layout e Styled Components/13. Criando o PostItem Component.mp4 79MB 3. Gatsby e GraphQL/1. Uma introdução ao GraphQL.mp4 75MB 7. Estruturando a Home/3. Usando o Gatsby Node API para criar a paginação.mp4 72MB 5. Layout e Styled Components/12. Criando a MenuBar Component.mp4 70MB 13. Fazendo Deploy com Netlify e criando o CMS/4. Configurando campos extras na CMS e criando um post.mp4 69MB 6. GraphQL + Remark/8. Filtrando dados no GraphQL usando variáveis.mp4 68MB 8. Estruturando a Página de Post/7. Configurando o Disqus para comentários.mp4 67MB 6. GraphQL + Remark/5. Passando os dados do GraphQL para a página.mp4 66MB 10. Criando LightDark Theme e Modo de Visualização/2. Criando CSS Variables.mp4 66MB 10. Criando LightDark Theme e Modo de Visualização/5. Criando o método para troca de visualização.mp4 64MB 6. GraphQL + Remark/6. Adicionando fields com o `onCreateNode`.mp4 61MB 13. Fazendo Deploy com Netlify e criando o CMS/1. Usando o Netlify e fazendo nosso primeiro deploy.mp4 59MB 6. GraphQL + Remark/7. Usando o createPages da Gatsby Node API.mp4 58MB 5. Layout e Styled Components/10. Criando o SocialLinks Component - Parte 2.mp4 58MB 3. Gatsby e GraphQL/4. Renderizando dados com `StaticQuery`.mp4 53MB 5. Layout e Styled Components/14. Estruturando os dados do PostItem.mp4 52MB 5. Layout e Styled Components/11. Criando o MenuLinks Component.mp4 52MB 9. Criando a página de Search/9. Configurando os itens de resultados.mp4 50MB 7. Estruturando a Home/4. Criando o template para a home.mp4 50MB 4. Trabalhando com Imagens no Gatsby/4. Entendendo os 2 tipos de imagem responsiva (fluid e fixed).mp4 49MB 8. Estruturando a Página de Post/2. Adicionando estilos bases para o post.mp4 49MB 4. Trabalhando com Imagens no Gatsby/2. Configurando o gatsby-image.mp4 46MB 6. GraphQL + Remark/1. Criando posts em Markdown.mp4 45MB 4. Trabalhando com Imagens no Gatsby/1. Conhecendo as maravilhas do gatsby-image.mp4 45MB 2. Gatsby e sua estrutura/1. Iniciando o projeto e entendendo os comandos do gatsby-cli.mp4 45MB 6. GraphQL + Remark/9. Criando o template para o Blog Post.mp4 44MB 7. Estruturando a Home/2. Entendendo o limit e skip para criar uma paginação.mp4 44MB 9. Criando a página de Search/7. Criando o Search Component.mp4 44MB 5. Layout e Styled Components/9. Criando o SocialLinks Component - Parte 1.mp4 43MB 2. Gatsby e sua estrutura/6. Criando um componente e compartilhando entre páginas.mp4 42MB 12. SEO e PWA/4. Habilitando o Gatsby para funcionar offline (PWA).mp4 42MB 8. Estruturando a Página de Post/5. Criando contextos de post anterior e próximo post.mp4 41MB 8. Estruturando a Página de Post/4. Configurando o PrismJS para highlight de código.mp4 40MB 5. Layout e Styled Components/3. Criando o Layout Component.mp4 40MB 9. Criando a página de Search/8. Configurando o Input de busca e stats.mp4 39MB 2. Gatsby e sua estrutura/5. Entendendo como o gatsby-link funciona.mp4 39MB 10. Criando LightDark Theme e Modo de Visualização/1. As diferentes soluções para LightDark Theme.mp4 38MB 3. Gatsby e GraphQL/2. Conhecendo o GraphiQL e escrevendo nossa primeira query.mp4 37MB 1. Introdução/4. O que é Gatsby e por que usar.mp4 36MB 11. Deixando responsivo e adicionando transições de páginas/2. Introdução ao gatsby-plugin-transition-link.mp4 34MB 7. Estruturando a Home/1. Ordenando os posts pela data.mp4 34MB 10. Criando LightDark Theme e Modo de Visualização/3. Criando um html.js customizável para o Gatsby.mp4 33MB 5. Layout e Styled Components/1. Introdução ao Styled Components.mp4 33MB 9. Criando a página de Search/3. Instalando o plugin do Algolia e salvando as chaves da API.mp4 33MB 2. Gatsby e sua estrutura/2. Entendendo a estrutura.mp4 33MB 2. Gatsby e sua estrutura/3. Organizando os arquivos.mp4 33MB 11. Deixando responsivo e adicionando transições de páginas/5. Criando um método para mudar a animação de acordo com o tema.mp4 29MB 6. GraphQL + Remark/2. Configurando o gatsby-transformer-remark.mp4 29MB 12. SEO e PWA/3. Criando um manifest.mp4 28MB 12. SEO e PWA/2. Criando um Sitemap e robots.txt.mp4 28MB 3. Gatsby e GraphQL/5. Refatorando para o novo hook `useStaticQuery`.mp4 27MB 3. Gatsby e GraphQL/3. Utilizando o Prisma Playground ao invés do GraphiQL.mp4 27MB 1. Introdução/1. Apresentando o Projeto.mp4 27MB 5. Layout e Styled Components/4. Criando estilos globais com `createGlobalStyle`.mp4 26MB 13. Fazendo Deploy com Netlify e criando o CMS/2. Configurando o Algolia para usar 2 ambientes.mp4 25MB 6. GraphQL + Remark/3. Pegando os dados do Markdown usando GraphQL.mp4 24MB 1. Introdução/2. Stack utilizada no curso.mp4 23MB 14. Extra/1. Ideias para próximos projetos e agradecimentos.mp4 23MB 5. Layout e Styled Components/7. Criando o Profile Component.mp4 23MB 11. Deixando responsivo e adicionando transições de páginas/4. Mantendo elementos fixos durante a animação.mp4 22MB 6. GraphQL + Remark/4. Tratando datas no GraphQL.mp4 22MB 5. Layout e Styled Components/8. Criando a Sidebar Component.mp4 22MB 9. Criando a página de Search/5. Configurando o searchable attributes e custom ranking do Algolia.mp4 22MB 5. Layout e Styled Components/5. Refatorando o styled component para uma forma mais organizada.mp4 22MB 9. Criando a página de Search/1. Conhecendo o Algolia.mp4 21MB 1. Introdução/3. Requisitos para o curso.mp4 17MB 5. Layout e Styled Components/6. Criando o Avatar Component.mp4 16MB 9. Criando a página de Search/2. Criando o primeiro App e configurando indices.mp4 15MB 9. Criando a página de Search/6. Criando a página de Search.mp4 14MB 5. Layout e Styled Components/2. Instalando e configurando o Styled Components.mp4 14MB 8. Estruturando a Página de Post/1. Integrando o Layout ao Blog Post.mp4 11MB 2. Gatsby e sua estrutura/4. Criando a página de About.mp4 8MB 2. Gatsby e sua estrutura/2.1 Código feito na aula.html 155B 2. Gatsby e sua estrutura/3.1 Código feito na aula.html 155B 2. Gatsby e sua estrutura/4.1 Código feito na aula.html 155B 2. Gatsby e sua estrutura/5.1 Código feito na aula.html 155B 2. Gatsby e sua estrutura/6.1 Código feito na aula.html 155B 3. Gatsby e GraphQL/3.2 Código feito na aula.html 155B 3. Gatsby e GraphQL/4.1 Código feito na aula.html 155B 3. Gatsby e GraphQL/5.1 Código feito na aula.html 155B 4. Trabalhando com Imagens no Gatsby/3.1 Código feito na aula.html 155B 5. Layout e Styled Components/2.1 Código feito na aula.html 155B 5. Layout e Styled Components/3.1 Código feito na aula.html 155B 5. Layout e Styled Components/4.1 Código feito na aula.html 155B 5. Layout e Styled Components/5.1 Código feito na aula.html 155B 5. Layout e Styled Components/6.1 Código feito na aula.html 155B 5. Layout e Styled Components/7.1 Código feito na aula.html 155B 5. Layout e Styled Components/8.1 Código feito na aula.html 155B 5. Layout e Styled Components/9.1 Código feito na aula.html 155B 5. Layout e Styled Components/10.1 Código feito na aula.html 155B 5. Layout e Styled Components/11.1 Código feito na aula.html 155B 5. Layout e Styled Components/12.1 Código feito na aula.html 155B 5. Layout e Styled Components/13.1 Código feito na aula.html 155B 5. Layout e Styled Components/14.1 Código feito na aula.html 155B 6. GraphQL + Remark/1.2 Código feito na aula.html 155B 6. GraphQL + Remark/2.1 Código feito na aula.html 155B 6. GraphQL + Remark/5.1 Código feito na aula.html 155B 6. GraphQL + Remark/6.2 Código feito na aula.html 155B 6. GraphQL + Remark/7.1 Código feito na aula.html 155B 6. GraphQL + Remark/8.1 Código feito na aula.html 155B 6. GraphQL + Remark/9.1 Código feito na aula.html 155B 7. Estruturando a Home/1.1 Código feito na aula.html 155B 7. Estruturando a Home/2.1 Código feito na aula.html 155B 7. Estruturando a Home/3.1 Código feito na aula.html 155B 7. Estruturando a Home/4.1 Código feito na aula.html 155B 7. Estruturando a Home/5.1 Código feito na aula.html 155B 8. Estruturando a Página de Post/1.1 Código feito na aula.html 155B 8. Estruturando a Página de Post/2.1 Código feito na aula.html 155B 8. Estruturando a Página de Post/3.1 Código feito na aula.html 155B 8. Estruturando a Página de Post/4.3 Código feito na aula.html 155B 8. Estruturando a Página de Post/5.1 Código feito na aula.html 155B 8. Estruturando a Página de Post/6.1 Código feito na aula.html 155B 8. Estruturando a Página de Post/7.2 Código feito na aula.html 155B 9. Criando a página de Search/3.2 Código feito na aula.html 155B 9. Criando a página de Search/4.1 Código feito na aula.html 155B 9. Criando a página de Search/6.1 Código feito na aula.html 155B 9. Criando a página de Search/7.2 Código feito na aula.html 155B 9. Criando a página de Search/8.1 Código feito na aula.html 155B 9. Criando a página de Search/9.1 Código feito na aula.html 155B 10. Criando LightDark Theme e Modo de Visualização/2.2 Código feito na aula.html 155B 10. Criando LightDark Theme e Modo de Visualização/3.1 Código feito na aula.html 155B 10. Criando LightDark Theme e Modo de Visualização/4.1 Código feito na aula.html 155B 10. Criando LightDark Theme e Modo de Visualização/5.1 Código feito na aula.html 155B 10. Criando LightDark Theme e Modo de Visualização/6.1 Código feito na aula.html 155B 11. Deixando responsivo e adicionando transições de páginas/1.1 Código feito para todos os outros componentes.html 155B 11. Deixando responsivo e adicionando transições de páginas/1.2 Código feito em vídeo para a Sidebar.html 155B 11. Deixando responsivo e adicionando transições de páginas/2.1 Código feito na aula.html 155B 11. Deixando responsivo e adicionando transições de páginas/3.2 Código feito na aula.html 155B 11. Deixando responsivo e adicionando transições de páginas/4.1 Código feito na aula.html 155B 11. Deixando responsivo e adicionando transições de páginas/5.1 Código feito na aula.html 155B 12. SEO e PWA/1.1 Código feito na aula.html 155B 12. SEO e PWA/2.1 Código feito na aula.html 155B 12. SEO e PWA/3.1 Código feito na aula.html 155B 12. SEO e PWA/4.2 Código feito na aula.html 155B 13. Fazendo Deploy com Netlify e criando o CMS/2.1 Código feito na aula.html 155B 13. Fazendo Deploy com Netlify e criando o CMS/3.2 Código feito na aula.html 155B 13. Fazendo Deploy com Netlify e criando o CMS/4.1 Código do post novo.html 155B 13. Fazendo Deploy com Netlify e criando o CMS/4.3 Código para configurar os campos.html 155B 9. Criando a página de Search/7.1 Documentação do react instantsearch.html 143B 10. Criando LightDark Theme e Modo de Visualização/2.1 Artigo do freeCodeCamp sobre CSS Variables.html 141B 14. Extra/1.3 Tutorial do Wordpress Source.html 128B 9. Criando a página de Search/3.1 Documentação do gatsby-plugin-algolia-search.html 124B 14. Extra/1.4 Github do starter do Netlify CMS.html 124B 5. Layout e Styled Components/4.2 Documentação do createGlobalStyle.html 121B 6. GraphQL + Remark/2.2 Documentação do gatsby-transformer-remark.html 121B 1. Introdução/3.4 Tutorial para instalar e configurar Git no Windows.html 120B 8. Estruturando a Página de Post/3.3 Documentação do gatsby-remark-lazy-load.html 119B 12. SEO e PWA/3.2 Documentação do gatsby-plugin-manifest.html 118B 8. Estruturando a Página de Post/4.2 Documentação do gatsby-remark-prismjs.html 117B 10. Criando LightDark Theme e Modo de Visualização/6.2 Guia sobre CSS Grid do CSS Tricks.html 117B 12. SEO e PWA/2.2 Documentação do gatsby-plugin-sitemap.html 117B 13. Fazendo Deploy com Netlify e criando o CMS/1.2 Link para os deploys do nosso projeto.html 117B 3. Gatsby e GraphQL/3.1 Como usar o GraphQL Playground tutorial.html 116B 8. Estruturando a Página de Post/3.2 Documentação do gatsby-remark-images.html 116B 12. SEO e PWA/4.1 Documentação do gatsby-plugin-offline.html 116B 6. GraphQL + Remark/6.3 Documentação do onCreateNode.html 114B 13. Fazendo Deploy com Netlify e criando o CMS/4.2 Pull Request criado pelo CMS.html 114B 14. Extra/1.2 Tutorial de ecommerce do Gatsby.html 114B 6. GraphQL + Remark/7.2 Documentação do createPages.html 113B 8. Estruturando a Página de Post/7.3 Github do react-disqus-comments.html 112B 11. Deixando responsivo e adicionando transições de páginas/3.1 Documentação do AniLink.html 112B 11. Deixando responsivo e adicionando transições de páginas/2.3 Site exemplo do Transition Link.html 111B 12. SEO e PWA/1.3 Tutorial sobre criar o componente de SEO.html 109B 1. Introdução/1.1 Github do Projeto.html 108B 4. Trabalhando com Imagens no Gatsby/2.1 Link para o plugin oficial.html 108B 11. Deixando responsivo e adicionando transições de páginas/1.3 Github do styled media query.html 107B 13. Fazendo Deploy com Netlify e criando o CMS/1.4 Github oficial do projeto.html 107B 6. GraphQL + Remark/1.1 Site oficial do Markdown.html 106B 1. Introdução/3.2 Tutorial oficial do Gatsby para instalar os requisitos.html 105B 2. Gatsby e sua estrutura/1.1 Gatsby Tutorial Part Zero.html 105B 11. Deixando responsivo e adicionando transições de páginas/2.2 Documentação do Transition Link.html 104B 10. Criando LightDark Theme e Modo de Visualização/3.2 Documentação sobre custom html.js.html 103B 14. Extra/1.1 Site do Dashbored (plugin dashboard para gatsby).html 102B 4. Trabalhando com Imagens no Gatsby/1.1 Site oficial do Gatsby Image.html 101B 6. GraphQL + Remark/6.1 Documentação do Gatsby Node APIs.html 101B 10. Criando LightDark Theme e Modo de Visualização/1.1 Artigo sobre diferentes soluções para o Dark Mode.html 101B 1. Introdução/1.2 Site em produção.html 100B 13. Fazendo Deploy com Netlify e criando o CMS/1.1 Site oficial do projeto.html 99B 1. Introdução/2.3 Site oficial do Styled Components.html 95B 5. Layout e Styled Components/1.1 Site oficial do Styled Components.html 95B 9. Criando a página de Search/3.3 Github do dotenv.html 95B 12. SEO e PWA/1.2 Documentação do Gatsby sobre SEO.html 95B 3. Gatsby e GraphQL/2.1 Link para acessar o GraphiQL no localhost.html 93B 1. Introdução/3.3 Link para download do NodeJS.html 92B 1. Introdução/3.1 Site para download do VS Code.html 91B 5. Layout e Styled Components/9.2 Site oficial do Styled Icons.html 89B 1. Introdução/2.1 Site oficial do Netlify CMS.html 88B 13. Fazendo Deploy com Netlify e criando o CMS/3.1 Site oficial do Netlify CMS.html 88B 1. Introdução/2.2 Site oficial do Gatsby.html 86B 1. Introdução/2.4 Site oficial do Netlify.html 85B 1. Introdução/2.6 Site oficial do Algolia.html 85B 9. Criando a página de Search/1.1 Site oficial do Algolia.html 85B 13. Fazendo Deploy com Netlify e criando o CMS/1.3 Site oficial do Netlify.html 85B 1. Introdução/2.5 Site oficial do GraphQL.html 81B 3. Gatsby e GraphQL/1.1 Site oficial do GraphQL.html 81B 8. Estruturando a Página de Post/4.1 Site oficial do PrismJS.html 81B 8. Estruturando a Página de Post/7.1 Site oficial do Disqus.html 80B