Video: Gatsby JS - Adicionando o Styled Components ao projeto #10


Curso: Gatsby JS Tutorial
Idioma:   Course LanguageDificuldade:  
Básico

Categorias: Desenvolvimento,

Descrição:
Gatsby JS Tutorial

Sejam muito bem-vindos ao tutorial de Gatsby JS.

Nessa playlist você vai desenvolver um site simples e prático e hospedá-lo on-line.

No início vamos ver como criar páginas, links, componente e reaproveitar códigos.

Vamos integrar pré-processadores CSS, como o Sass e o Styled Components, vamos também inserir uma biblioteca de ícones e usaremos o Bootstrap 4  para ajudar na construção do nosso layout.

Veremos o funcionamento do GraphQL e como ele se integra com o Gatsby.

Faremos manipulação de imagens para otimiza-las para web e construiremos uma galeria de fotos como exemplo.

Configuraremos o SEO do site e construiremos uma PWA, para que a nossa aplicação possa ser instaladas em Smartphones e sistemas operacionais desktop.

Para terminar vamos hospedar no Netlify onde também veremos alguns de seus recursos.

É importante que você já tenha um conhecimento básico de Html, CSS e JavaScript…  ok! ?

Então…  é isso aí...
espero vocês no curso.

Valeu pessoal e até lá!!! ✌

Progresso:

Gatsby JS - Introdução ao tutorial
Gatsby JS - Iniciando o projeto com Gatsby #01
Gatsby JS - Criando Páginas e Links #02
Gatsby JS - Criando um componente #03
Gatsby JS - Introdução ao componente Layout #04
Gatsby JS - SASS instalação e configuração #05
Gatsby JS - Configurando o Bootstrap 4 no projeto #06
Gatsby JS - Adicionando novos estilos ao Bootstrap #07
Gatsby JS - Configurando o React Bootstrap #08
Gatsby JS - Refatorando o layout #09
Gatsby JS - Adicionando o Styled Components ao projeto #10
Gatsby JS - Styled Icons: Adicionando ícones ao projeto #11
Gatsby JS - Consumo de conteúdo com GraphQL #12
Gatsby JS - Manipulação de imagens com Gatsby Image #13
Gatsby JS - Construindo uma galeria de imagens com Gatsby Image #14
Gatsby JS - Configurando o  SEO do projeto #15
Gatsby JS - Configurando a PWA no projeto #16
Gatsby JS - Refatorando o layout II #17
Gatsby JS - Netlify colocando o site em produção #18