Desenvolvimento do Site [Roadmap]

[ktquez]

Fala pessoal, blz

Estamos nas etapas iniciais para o desenvolvimento do site/blog Svelte Brasil, gostaria de convidar quem quiser participar.

Essa issue é para começarmos a decisão de onde e como começar, quais tcnologias iremos usar e etc.

O layout é possível de ver nesse link:
https://www.behance.net/gallery/80546401/Svelte-Brasil

[JonasJs]

Podemos usar Firebase como banco de dados ele aguenta bastante dados, Assim conseguimos hospedar no github pages de boas.

Isso tudo Free rs

[p-moreira]

Minha opinião, de acordo com o que já foi discutido no grupo:

• Usar o Sapper
• Decidir se o site vai usar SSR ou vai ser de páginas estáticas. As duas estratégias são boas pra SEO, lembrando que SSR precisa de um server pago.

[ktquez]

Sou a favor de ser estático.

[JonasJs]

Também acho que no primeiro momento pode ser "estatico" e logo depois iniciamos uma nova etapa do projeto

[p-moreira]

Sendo estático e sem custo, acho que melhor stack pra começar e simplificar seria:

• sapper
• netlify
• netlify CMS

[JonasJs]

@p-moreira Tava pensando em adicionar o Firebase que é um back end pronto, só precisamos enviar as Request pros endpoints, tudo no front, assim conseguimos ter esse dados gravador, alem de conseguir adicionar novas features que ajude os leitores.

e logo depois que estiver tudo certo, podemos iniciar um projeto maior com um back end próprio, pois ja teremos mais colaboradores na comunidade para ajudar o projeto ainda mais.

[ktquez]

Esse final de semana pessoal a gente se junta e fatia o projeto em issues para gerenciarmos os cards aqui:
https://github.com/svelte-brasil/site/projects/1

[p-moreira]

@JonasJs , netlify CMS vai lidar com algumas coisas chatinhas que teríamos que fazer do zero usando o Firebase. Ele já entrega uma interface pronta para edição dos posts. Usando o Firebase teríamos que construir uma área administrativa (um CMS próprio). Considere isso.

[JonasJs]

@p-moreira aaaaaa Ai Sim, não o conhecia

[ktquez]

Nada pessoal, usamos o Sapper tudo estático, faremos algo que leia os arquivos de markdown + YAML frontmatter e geramos as páginas em HTML no generate.

Os posts poderão ser enviados via PR + Post review, daí a gente coloca alguma ferramenta de CI para quando for aprovado o PR do post, ele gere o novo build e atualize o site automaticamente (de preferência usando o Github pages).

Eu estou pensando em um fluxo assim, o que acham

[ktquez]

Desenvolvimento

• HTML semântico e acessível
• Tailwind CSS (https://tailwindcss.com/docs)
• Svelte (https://svelte.dev/docs)
• Sapper (https://sapper.svelte.dev/)

Testes

• Jest (https://github.com/ktsn/svelte-jest)
• Cypress

CI & CD

• https://circleci.com/

QA

• https://deepscan.io/

[JonasJs]

@ktquez o Layout foi baseado no Tailwind CSS ?

Shoooow Vamoos começae 😍

[p-moreira]

@ktquez apenas dois pontos que eu não concordo:

1. Não confio no GitHub Pages e deixaria os arquivos em um serviço que já cuida de deploy automático e é mais confiável como o netlify ou o now.

2. Usar uma interface gráfica pra escrever os posts, melhora muito a experiência do usuário. Usar um editor de código, apesar de ser válido, não é uma solução com foco no usuário, mesmo que o usuário seja você.

[ktquez]

@p-moreira

Por que você não confia no GitHub Pages?

Se a preferência for para ter uma GUI, então é melhor usarmos o netlify CMS mesmo e hospedar na Netlify.

Fechado então, montaremos um Svelte Static Site Generator e configuramos um plugin para o Netlify CMS.