Sites dinâmicos sem servidor nas páginas do Github (para aqueles que não sabem, sem servidor usam servidores de API de terceiros)



Certamente muitos já ouviram falar em páginas do github e que você pode hospedar sites estáticos por lá (gerados e enviados por lá). Mas eu gostaria que fosse dinâmico neste caso, ou seja, seria possível preencher o código uma vez e preenchê-lo como em um TsMSke real, além disso, havia autorização, dados carregados dinamicamente e tudo isso. Certo? Então eu queria isso. Venha para o corte, vou mostrar o que fiz.

Para começar, como prometido, mostrarei o que aconteceu e, em seguida, mostrarei os detalhes (acompanhe as alterações de guias e endereços de página).


Então, o que está acontecendo aqui? Eu escrevi recentemente sobre escrever headless-cms, com o codinome Prisma CMS .

Mas, como escrevi, a idéia inicial era que, embora o servidor e a frente sejam amigáveis, eles ainda precisam poder viver suas próprias vidas e são unidades independentes. E se o servidor segue a tendência atual de headless-cms / api-first-cms, a frente segue outro conceito - sem servidor. Ou seja, se lançarmos uma frente separada, simplesmente especificaremos o terminal do servidor da API (não é necessário no mesmo domínio) e os dados serão puxados pela API (e a autorização funcionará).

Mas isso não é tudo. No local, escrevi um artigo sobre o fato de que no prisma-cms.com todos podem criar um site em um subdomínio que usará um único banco de dados, mas você pode criar seu próprio site individualmente. Portanto, se você copiar o repositório prisma-cms.imtqy.com para si mesmo , obterá seu próprio site, como mostra o vídeo.

Mas você pode até criar seu próprio servidor e site. Aqui está o código fonte do site: https://github.com/prisma-cms/prisma-cms.com . Implante no seu servidor e execute. Se tudo funcionar, especifique aqui a API do nó de extremidade e colete-a com o comando de construção PUBLIC_URL =. / Yarn
Tudo, o site está pronto. Agora, seguindo as instruções oficiais, preencha o conteúdo da pasta de compilação no github e você terá seu próprio site com sua API (você pode usar uma API para trabalhar com vários sites estáticos separados, cada um com seu próprio design).

E não foi à toa que usei uma imagem chamada codificação social. Como você pode ver no vídeo, todos os modelos criados em qualquer site usando um único banco de dados podem ser usados ​​no design de outros sites. Ou seja, no futuro, se houver interesse suficiente, será possível criar um mercado único de modelos e partes de modelos para criar rapidamente sites a partir de componentes prontos.

Tenha uma boa codificação!

Site em si: prisma-cms.imtqy.com

Source: https://habr.com/ru/post/pt458006/


All Articles