Geração de Sítio Estático
Com a geração de sítio estático podemos desenhar a nossa aplicação durante a fase de construção e implantá-la em quaisquer serviços de hospedagem estática, como Netlify, as páginas da, Vercel etc. Isto significa que não é necessário nenhum servidor (servidor de aplicação dinâmica) para implantar a nossa aplicação.
Gerar o nosso sítio
Quando implantamos o nosso sítio com target:static
todas as nossas páginas .vue
serão geradas em ficheiros .html
e .js
. Todas as chamadas para as interfaces de programação de aplicações serão feitas e colocadas em memória transitória numa pasta chamada static
dentro do nosso conteúdo gerado, para não ser necessário fazer nenhuma chamada para a nossa interface de programação de aplicação na navegação do lado do cliente.
Passo 1: Navegador para a Rede de Entrega de Conteúdo
Quando um navegador envia o pedido inicial, este atingirá a rede de entrega de conteúdo.
Passo 2: Rede de Entrega de Conteúdo para o Navegador
A rede de entrega de conteúdo enviará o HTML, JavaScript e recursos estáticos já gerados de volta ao navegador. O conteúdo é apresentado e a hidratação da Vue.js entra em ação, tornando-o reativo. Depois deste processo, a página é interativa.
Passo 3: Navegador para Navegador
A navegação entre as páginas com <NuxtLink>
é feita no lado do cliente para não ser necessário usar a rede de entrega de conteúdo novamente e todas as chamadas de interface de programação de aplicação serão carregadas a partir da pasta estática já armazenada em memória transitória, mesmo se atualizarmos o navegador manualmente.
Aplicação de Página Única de Recurso
As páginas excluídas da geração, usando a propriedade generate.exclude
, voltarão a ser uma aplicação de página única. Por conseguinte, estas páginas não existirão na rede de entrega de conteúdo e serão desenhadas no lado do cliente, no navegador, quando o utilizador navegar para estas páginas.
generate
.Atualizar o nosso conteúdo
Para obter novos conteúdos para o nosso sítio a partir da nossa interface de programação de aplicação, precisaremos voltar a gerar o nosso sítio. Com a maioria dos fornecedores de hospedagem de sítios estáticos, podemos fazê-lo enviando as nossas alterações para o nosso ramo principal através do comando git push
ou através de um pedido de atualização do ramo principal.
Mode de Pré-visualização
O modo de pré-visualização chamará a nossa interface de programação de aplicação ou o nosso sistema de gestão de conteúdo para podermos ver as alterações em direto antes de as implantar. Consultar a secção modo de pré-visualização para saber como ativar esta funcionalidade.
![Sébastien Chopin](/_nuxt/image/e847b9.png)
![Nazaré da Piedade](/_nuxt/image/d5c785.png)
![Nobu](/_nuxt/image/888ba6.png)
![川音리오](/_nuxt/image/345a82.png)
![Maciek Palmowski](/_nuxt/image/2bdab1.png)
![Nestor Vera](/_nuxt/image/b6ef28.png)
![Daniel Roe](/_nuxt/image/0786f3.png)
![Yue Yang](/_nuxt/image/40c994.png)
![Jeronimas](/_nuxt/image/ba9a98.png)
![Clément Ollivier](/_nuxt/image/77339c.png)
![Alexander Lichter](/_nuxt/image/073577.png)
![N3-rd](/_nuxt/image/20bdf5.png)
![Adrien Zaganelli](/_nuxt/image/c3f019.png)
![Mag](/_nuxt/image/1fe278.png)
![Stefan Huber](/_nuxt/image/c3653a.png)
![Olga Bulat](/_nuxt/image/e50af3.png)
![Paiva](/_nuxt/image/ea02f0.png)
![Florian Reuschel](/_nuxt/image/ee31ca.png)
![Savas Vedova](/_nuxt/image/d403a7.png)
![HIJACK](/_nuxt/image/d0b78e.png)
![Vinícius Alves](/_nuxt/image/ba75e5.png)
![Kareem Dabbeet](/_nuxt/image/c79dfa.png)
![Valentín Costa](/_nuxt/image/3dd0d7.png)
![Ryan Skinner](/_nuxt/image/ec2d86.png)
![Alex Hirzel](/_nuxt/image/980fb6.png)
![Ajeet Chaulagain](/_nuxt/image/2fb9d1.png)
![René Eschke](/_nuxt/image/ddfbaa.png)
![Nico Devs](/_nuxt/image/5fa1fe.png)
![Muhammad](/_nuxt/image/76bed9.png)
![Naoki Hamada](/_nuxt/image/475300.png)
![Tom](/_nuxt/image/aae9cc.png)
![Yann Aufray](/_nuxt/image/305a71.png)
![Anthony Chu](/_nuxt/image/027d85.png)
![Nuzhat Minhaz](/_nuxt/image/431077.png)
![Lucas Portet](/_nuxt/image/260cbe.png)
![Richard Schloss](/_nuxt/image/7f63ae.png)
![Bobby](/_nuxt/image/42cdae.png)
![bpy](/_nuxt/image/ecc096.png)
![Antony Konstantinidis](/_nuxt/image/1434b0.png)
![Hibariya](/_nuxt/image/febb5a.png)
![Jose Seabra](/_nuxt/image/ede04e.png)
![Eze](/_nuxt/image/f22c13.png)
![Florian Lefebvre](/_nuxt/image/e3705e.png)
![Lucas Recoaro](/_nuxt/image/8cdc5c.png)
![Julien SEIXAS](/_nuxt/image/40a795.png)