Awesome-Jamstack-Resources
Esta é uma lista de ferramentas com curadoria usando o Jamstack: uma arquitetura moderna de desenvolvimento da web para criar sites rápidos, seguros e dinâmicos.
Deseja contribuir com algumas ferramentas / recursos? Incrível! Leia as diretrizes de contribuição antes de contribuir.
Tabela de conteúdo
- Site de recursos oficiais
- Sites Jamstack Showcase
- Plataformas
- Geradores de local estático
- Cms
- API
- Autenticação
- Comentários
- Formas
- Comércio eletrônico
- Procurar
- Banco de dados
- Sem servidor
- Vídeos
- Tutoriais / artigos
- Livros
oficial
- Jamstack
- Jamstack Resources - Vídeos e artigos sobre Jamstack.
- Rádio Jamstack
- Jamstack Boilerplates
- Blog netlify
- Qual é o jamstack?
- Por que o jamstack?
- Como faço para começar?
Sites Jamstack Showcase
- Meu portfólio - construído em Gatsby e hospedado no Netlify.
- React - construído em Gatsby.
- Squoosh.app - hospedado no Netlify, demonstra recursos avançados de um aplicativo Web moderno.
- Hopper - construído em Gatsby e hospedado no netlify.
- Curso de usuário do VSCODE Power - PWA construído em Gatsby e hospedado no Netlify.
- Cloudycam - PWA construído no próximo.js e hospedado na plataforma Zeit Now V2 Serverless.
- Creative Designs Guru - construído no elevente.js hospedado no netlify e estilizado com o cauda CSS
Plataformas
- Netlify-plataforma all-in-one para automatizar projetos modernos da Web.
- VERCEL-Plataforma All-in-One Sem servidor para aplicativos da Web modernos com ferramentas e fluxos de trabalho sem configuração.
Geradores de local estático
- GATSBY - gerador de local estático de armas e rápida para reação.
- NEXT.JS - Framework leve para aplicativos estáticos e renderizados pelo servidor.
- Hugo - Hugo é um gerador de local estático escrito em Go.
- Jekyll - Jekyll é um gerador de sites estático simples, com reconhecimento de blogs, perfeito para sites pessoais, de projeto ou organização.
- HEXO - Uma estrutura de blog rápida, simples e poderosa, alimentada por Node.js.
- Gridsome-gerador de local estático movido a Vue para criar sites prontos para CDN para qualquer CMS, APIs ou arquivos de marcação sem cabeça.
- Nuxt.js-estrutura versátil baseada em vue para aplicativos de página única, estáticos e tradicionais do lado do servidor.
- Eleventy - um gerador de site estático mais simples, transformando vários arquivos de modelo em HTML.
- NIFT - Um gerador de sites de código aberto de plataforma cruzada desenvolvido em C ++ que é um raio rápido e extremamente poderoso.
Cms
- Cosmic - CMS sem cabeça com opções de API REST e GraphQL.
- Kentico Kontent - Um CMS sem cabeça nativo da nuvem que escala.
- Conteúdo - Infraestrutura de conteúdo para equipes digitais.
- NETLIFYCMS - CMS baseado em GIT de código aberto.
- Buttercms - CMS sem cabeça e API de conteúdo.
- GraphCMS - O GraphQL CDS CMS.
- PRISMIC - API CHEND CMS para desenvolvedores e profissionais de marketing.
- Siteleaf - Um CMS amigável para o seu site estático.
- Datocms - O CMS baseado em API que seus editores vão adorar.
- Prose - Prose é um editor de conteúdo do GitHub projetado para gerenciar sites.
- Tipe - API da próxima geração CMS.
- Florestas - CMS sem cabeça para sites construídos com geradores de locais estáticos.
- HeadlessCMS - Uma lista de sistemas de gerenciamento de conteúdo para sites de jamstack.
- Fantasma - um CMS sem cabeça para publicações online
- Strapi - O Open Source Headless CMS Front -end Developers Love.
API
Autenticação
- Auth0 - Autenticação de sinal único e baseado em token.
- Netlify Identity - traz um conjunto completo de funcionalidade de autenticação, apoiado pela API Gotrue.
- Jexia UMS - Sistema de Gerenciamento de Usuário da API REST Para sua lição com o provedor de identidade com funcionalidade JWT + Extra.
Comentários
- DISQUS - Sistema de comentários globais que melhora a discussão em sites e conecta conversas em toda a web.
- Comentários do Facebook - O plug -in de comentários permite que as pessoas comentem o conteúdo do seu site usando a conta do Facebook.
- Uports - um widget de comentários leves, construído sobre problemas do GitHub. Use problemas do GitHub para comentários do blog, páginas wiki e muito mais.
Formas
- FORMCAKE - Um back -end de formulário construído para desenvolvedores: integrações Zapier, dependências zero, uma API simples e formulários ilimitados.
- GetForm - Formulário Plataforma de back -end para designers e desenvolvedores. Configure os pontos de extremidade do seu formulário para o seu site estático em minutos e expanda seus dados com o suporte de integração Zapier e webhooks.
- Formulários Netlify - Manuseio de formulários interno no tempo de construção, analisando arquivos HTML diretamente no horário de implantação.
- ARENG - Construa formulários de inscrição e login com arengu, ative o login social, adicione 2FA ou use fluxos sem senha para autenticar usuários com sua API ou provedor de identidade.
Comércio eletrônico
- SNIPCART - Uma poderosa plataforma de carrinho de compras para desenvolvedores.
- Moltina - API de comércio eletrônico para desenvolvedores.
- Trolley - Um carrinho de compras projetado para o Jamstack.
- Shopify - Shopify Solução de comércio eletrônico sem cabeça.
- Commerce.js - Plataforma de comércio eletrônico API -primeiro para desenvolvedores.
Procurar
- Algolia - a plataforma mais confiável para criar pesquisas em seus negócios.
- LUNR - Pesquisa simplificada (no frontend).
Banco de dados
- GraphQL - Consulta Language for APIs e um tempo de execução para cumprir essas consultas com seus dados existentes.
- GraphCool-Back-end de código aberto e auto-hospedado como serviço para desenvolver backnds do GraphQL sem servidor.
- FAUNADB-Banco de dados Relacional NoSQL com junções, índices e transações de ácido multi-região na nuvem ou no local.
Gerenciamento de arquivos
- Jexia FileSet - Rest API File Manager para sua aplicação com indexação e funções extras.
Sem servidor
- Funções Netlify - Netlify permite implantar funções Lambda sem uma conta AWS e com o gerenciamento de funções tratado diretamente no Netlify.
- Amazon Lambda - permite executar o código sem provisionar ou gerenciar servidores.
- Microsoft Azure
- Funções do Azure - Serviço de computação sem servidor que permite executar o código sob demanda sem precisar provisionar ou gerenciar explicitamente a infraestrutura.
- Aplicativos lógicos do Azure - simplifica a criação de fluxos de trabalho escaláveis automatizados que integram aplicativos e dados nos serviços em nuvem e sistemas locais.
- Google Cloud
- App Engine - Aplicativo sem servidor que abstraça completamente a infraestrutura, para que você se concentre apenas no código.
- Funções em nuvem - ambiente sem servidor para criar e conectar serviços em nuvem.
- DataStore em nuvem - Banco de dados NoSQL altamente escalável com sharding e replicação automáticos.
- Armazenamento em nuvem - armazenamento geográfico de objetos para necessidades de QPS altas.
- Mensagens em tempo real de pub/sub-redundante em nuvem para todos os tamanhos e velocidades de mensagens.
- APIGEE - Gerenciamento da API Enterprise para ambientes de várias nuvens.
- Pontos de extremidade - aplicativos de gerenciamento de API criados no Google Cloud.
- Cloud Dataflow - Serviço de processamento de dados sem servidor sem servidor e em lote.
- BIGQUERY - Serviços de data warehousing sem servidor que ajudam você a implantar soluções avançadas de data de data de data para sua empresa.
- Cloud ML Engine - Serviços de aprendizado de máquina sem servidor que dimensionam automaticamente construídos em hardware do Google personalizado (unidades de processamento de tensores).
- Sem servidor - Kit de ferramentas para implantar e operar arquiteturas sem servidores.
- Cloudinary - Plataforma de gerenciamento de mídia sem servidor (imagens/vídeos). Fornece SDKs em todos os widgets de idioma e mídia populares para Jamstack para facilitar o gerenciamento de mídia, CDN, armazenamento, transformações e muito mais.
- IMGIX - Serviço de entrega e gerenciamento de imagem sem servidor. O IMGIX se conecta a onde suas imagens são armazenadas (por exemplo, S3, GCS, Pasta da Web) e transforma, otimiza e entrega de maneira inteligente suas imagens usando parâmetros de URL simples e robustos.
- Elasticable - back -end como uma solução de serviço construída na AWS que está ausente para aumentar a taxa de sucesso das empresas on -line.
Para uma lista mais completa, consulte Awesome Serverless.
Vídeos
- A nova pilha front-end. JavaScript, APIs e Markup - Matt Biilmann.
- Rise of the Jamstack - Mathias Biillman.
- Jamstack: nome bobo, coisas sérias - Phil Hawksworth.
- CMS baseado em Git ou orientado a API-Chris Macrae.
- Jamstack Tutorial - Site completo usando Netlify & Hugo - Freecodecamp.org.
- GATSBY JS CRIDE CURSO - Traversy Media.
- Como chegamos aqui e o futuro da web - Kyle Mathews.
- Conferências de todas as conferências de Jamstack - Jamstack Conf.
- Como eu usei o React, Vue e o Node para criar um único aplicativo Jamstack - Ahmad Awais.
- React vs Vue, Gatsby vs gridsome - Construindo o mesmo local - Ondrej Polesny.
- WTF é Jamstack? - Ondrej Polsesny.
Tutoriais / artigos
- Construa um blog pessoal Jamstack com Ghost 2,0 cms e gatsby sem cabeça
- Como construir um site Jamstack usando vue.js, nuxt.js e JS cósmico
- Fantasma no Jamstack
- Construindo um formulário de contato em Gatsby usando GetForm
- Introdução com Gatsby e Cockpit - Parte 1 de 2
- Criando site estático de comércio eletrônico com Gatsbyjs
- Para sites estáticos, não há desculpa para não usar um CDN
- Frente-end de comércio eletrônico para vue.js, nuxt.js e snipcart
- Construindo Paul o Octopus
- Jamstack e Netlify: realmente precisamos de outra palavra da moda?
- A paisagem de startup de jamstack
- Como eu construí meu blog usando Gatsby e Netlify
- Guia do desenvolvedor para o comércio eletrônico sem cabeça
- Lidando com formas estáticas, funções de autenticação e sem servidor com Gatsby no netlify
- Jamstack para clientes: benefícios, sites estáticos CMS e limitações
- Explorando o Netlify CMS, um sistema de gerenciamento de conteúdo baseado em React e Git
- Jamstack PWA - Vamos construir um aplicativo de votação. com Gatsby.js, Firebase e componentes de estilo Pt. 1
- Sites estáticos dinâmicos com atalhos de Netlify e iOS; Use funções do Netlify, um processo de construção de gole e atalhos iOS para publicar conteúdo dinâmico no seu site estático
- Gatsby para aplicativos
- Virando a dinâmica estática
- Indo Jamstack com Netlify e Nuxt
- Introdução com grades
- O guia completo para iniciantes para implantar seu primeiro site estático para IPFs
- Uma ampla discussão sobre Jamstack & E-Commerce (podcast & transcript)
- O guia para iniciantes para geradores de sites estáticos
- 9 Opções de CMS sem cabeça para o seu site Jamstack
- Relatório do Estado de Jamstack 2020
- Jamify Tutoriais - Publique blogs rápidos queimando com Gatsby e Ghost
- Relatório do Mercado 2020 do Mercado CMS do Estado sem cabeça
- Por que o próximo.
- Adotando o Jamstack: Construindo sites estáticos apoiados pelo CMS com Vue ou React
- Uma demonstração fantasma: como ficar sem cabeça com o Ghost CMS [tutorial]
- Next.JS Tutorial de comércio eletrônico: Integração rápida do carrinho de compras
- Como construir um blog usando o React Static e Cosmic JS
- Como criar um blog estático sem servidor gratuitamente?
- Jamstack vs Apps da web sem servidor -Jamstack? Mais como Shamstack.
- A hospedagem estática de arquivos não precisa ser tão ... estática
- Estático primeiro: sites de jamstack pré-gerados com renderização sem servidor como um retorno
Livros
- Desenvolvimento da Web moderno no Jamstack - de Mathias Biilmann e Phil Hawksworth (publicado por O'Reilly).
- Hugo em ação
- Desenvolvimento Jamstack do Jumpstart - Por Christopher Pecoraro e Vincenzo Gambino
- Desenvolvimento da Web moderno no Jamstack - Novas técnicas para sites ultra rápidos e aplicativos da web por Mathias Biilmann e Phil Hawksworth
Licença
Mit
