{"id":67733,"date":"2024-03-20T05:41:44","date_gmt":"2024-03-20T08:41:44","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=67733&preview=true&preview_id=67733"},"modified":"2024-03-25T04:31:25","modified_gmt":"2024-03-25T07:31:25","slug":"wordpress-astro","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wordpress-astro\/","title":{"rendered":"Crie um Site Est\u00e1tico com o WordPress e o Astro"},"content":{"rendered":"

O Astro \u00e9 um framework de frontend moderno que possibilita aos desenvolvedores criar sites est\u00e1ticos<\/a>, r\u00e1pidos e eficientes. Com o Astro<\/a>, \u00e9 poss\u00edvel tirar proveito do poder dos frameworks JavaScript modernos, como React<\/a>, Vue.js<\/a> e Svelte<\/a>, para desenvolver interfaces de usu\u00e1rio din\u00e2micas. Ao mesmo tempo, s\u00e3o gerados arquivos est\u00e1ticos HTML, CSS e JavaScript durante o processo de build.<\/p>\n

Quando combinado com o WordPress<\/a> como um sistema de gerenciamento de conte\u00fado<\/a> (CMS) headless, o Astro possibilita uma integra\u00e7\u00e3o sem falhas entre APIs de backend e c\u00f3digo frontend, permitindo o desenvolvimento eficiente de sites est\u00e1ticos com conte\u00fado din\u00e2mico. Essa abordagem oferece diversos benef\u00edcios.<\/p>\n

Os sites est\u00e1ticos criados usando o Astro e um backend do WordPress oferecem um desempenho superior. Podem ser distribu\u00eddos diretamente de uma rede de distribui\u00e7\u00e3o de conte\u00fado<\/a> (CDN), removendo a necessidade de processamento no servidor e, consequentemente, resultando em tempos de carregamento mais r\u00e1pidos e em uma experi\u00eancia de usu\u00e1rio mais fluida.<\/p>\n

Este tutorial orienta voc\u00ea no processo de configura\u00e7\u00e3o de um site est\u00e1tico usando o Astro hospedado no servi\u00e7o de Hospedagem de Site Est\u00e1tico\u00a0da Kinsta<\/a> e usando o WordPress como backend.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

O papel do WordPress como um CMS headless<\/h2>\n

Um CMS headless<\/a>, como o WordPress, separa as camadas de gerenciamento e entrega de conte\u00fado. Ele permite que o backend mantenha o conte\u00fado enquanto um sistema diferente, como o Astro, lida com o frontend.<\/p>\n

O WordPress funciona como um reposit\u00f3rio de conte\u00fado, fornecendo dados para o frontend, que exibe o conte\u00fado para os usu\u00e1rios por meio de uma API. Essa arquitetura aumenta a flexibilidade, permitindo que voc\u00ea redirecione o conte\u00fado para v\u00e1rias sa\u00eddas, proporcionando aos usu\u00e1rios do WordPress uma experi\u00eancia familiar de gerenciamento de conte\u00fado.<\/p>\n

Separar o frontend do backend tamb\u00e9m traz uma maior flexibilidade no design do frontend e na migra\u00e7\u00e3o de conte\u00fado. Al\u00e9m disso, ao permitir a acessibilidade por meio de APIs, voc\u00ea protege o conte\u00fado para o futuro.<\/p>\n

Configure seu ambiente de desenvolvimento<\/h2>\n

H\u00e1 tr\u00eas etapas que voc\u00ea deve seguir para configurar seu ambiente:<\/p>\n

    \n
  1. Instalar o Astro.<\/li>\n
  2. Configurar um site WordPress.<\/li>\n
  3. Criar um ambiente de teste WordPress.<\/li>\n<\/ol>\n

    Pr\u00e9-requisitos<\/h3>\n

    Para seguir este tutorial, verifique se voc\u00ea tem o seguinte:<\/p>\n