Aprenda JAMStack construindo um site de comércio eletrônico

Construa sites mais simples, rápidos e seguros

O JAMstack permite que indivíduos criem sites mais simples, rápidos e seguros em comparação com outros métodos de criação de sites. Os sites construídos com o JAMstack são entregues pré-renderizando arquivos que são servidos diretamente de um CDN, eliminando a necessidade de gerenciar ou executar servidores web. JAMstack é a nova arquitetura padrão para a web. Ao utilizar fluxos de trabalho do Git e ferramentas modernas de construção, o conteúdo pré-renderizado é servido a um CDN e torna-se dinâmico por meio de APIs e funções sem servidor. A pilha inclui frameworks JavaScript, Geradores de Sites Estáticos, CMSs sem cabeçalho e CDNs.

Melhor Desempenho

Por que esperar que as páginas sejam construídas sob demanda quando você pode gerá-las durante a implantação? Arquivos pré-construídos servidos por um CDN reduzem significativamente o tempo para o primeiro byte, resultando em tempos de carregamento mais rápidos.

Maior Segurança

Com processos do lado do servidor abstraídos em APIs de microsserviços, a área de superfície para possíveis ataques é reduzida. Além disso, você pode aproveitar a experiência de serviços especializados de terceiros para aprimorar a segurança.

Escala mais barata e fácil

Quando sua implantação consiste em uma pilha de arquivos que podem ser servidos em qualquer lugar, a escalabilidade se torna uma questão de servir esses arquivos em mais locais. CDNs são ideais para esse propósito e frequentemente oferecem opções de escalabilidade em seus planos.

Melhor Experiência de Desenvolvedor

O acoplamento solto e a separação de controles permitem um desenvolvimento e depuração mais focados. A crescente seleção de opções de CMS para geradores de sites elimina a necessidade de manter uma pilha separada para conteúdo e marketing.

Projetos

Projeto 1: Construindo um site do início ao fim

Neste projeto, você aprenderá como construir um site do início ao fim. Você será guiado na configuração de um projeto 11ty, na obtenção de dados de um CMS Contentful, na estilização de suas páginas usando Tailwindcss e na implantação do site no Netlify.

Projeto 2: Criando uma loja online rápida e segura

Neste projeto, você aprenderá como construir uma loja online rápida e segura. Usando o Gatsby, você poderá recuperar todos os seus produtos durante o processo de construção e pré-renderizá-los para carregamento quase instantâneo.

O que você aprenderá

- Uso do JAM-Stack no mundo real - Implantação moderna de JavaScript - Servindo o Frontend para a internet - Geradores de Sites Estáticos (11ty) - CMS sem cabeçalho (Contentful CMS) - Tailwindcss com 11ty - Tailwindcss com Gatsby - Gatsby e Graphql - Projeto de comércio eletrônico - Site de blog