Não foi possível carregar a disponibilidade de retirada.
Next JS e WordPress: Construa rapidamente sites NextJS com Next e WP
Next JS e WordPress Headless: Construa um site de imóveis totalmente funcional com Next.js e WordPress ~Next 2023
ATUALIZAÇÃO DE SETEMBRO DE 2023:
Este curso utiliza o diretório de páginas do Next JS, mas uma nova seção foi adicionada para cobrir o uso do Next JS 13.4 e o diretório de aplicativos. Especificamente, iremos nos concentrar em converter o diretório de páginas para o diretório de aplicativos. Você está procurando aprimorar suas habilidades em React JS e aumentar seu valor como desenvolvedor front-end? Eleve seu conjunto de habilidades em React aprendendo Next.js com um backend do WordPress sem cabeçalho! Neste curso, construiremos um site de imóveis usando Next JS, React JS e GraphQL para gerar e construir páginas estáticas a partir de um conjunto de dados fornecido. Exploraremos a configuração do WordPress como um CMS sem cabeçalho, enquanto utilizamos o NextJS para criar um site React de renderização de servidor extremamente rápido usando dados do WordPress, incluindo tipos de postagem personalizados, páginas, menus, mídia, campos personalizados avançados e muito mais. Faremos isso consultando os dados com GraphQL. Sim, você ouviu direito - podemos consultar dados do WordPress usando GraphQL! Ao longo do curso, desenvolveremos um site de imóveis de agente imobiliário, abrangendo a configuração inicial e o desenvolvimento do Next JS e do WordPress localmente. Mapearemos blocos do Gutenberg para componentes React, criaremos blocos personalizados do Gutenberg, estilizaremos esses componentes usando Tailwind CSS e consultaremos dados do WordPress e do Gutenberg com GraphQL para gerar automaticamente nossas páginas estáticas. Além disso, exploraremos como consultar dados do WordPress com GraphQL usando a ferramenta de navegador GraphiQL. Embora abordemos o código do WordPress, o foco principal será no Next JS. Assim que estivermos confortáveis com o desenvolvimento do NextJS e do WordPress, passaremos para a configuração e implantação de um site ao vivo usando o Vercel. Essa configuração reconstruirá nossas páginas da web estáticas sempre que atualizarmos o conteúdo em nosso backend do WordPress usando webhooks. É recomendável ter conhecimento básico de React. Abordaremos tudo o mais, incluindo Next.js, WordPress, GraphQL e Tailwind CSS. Mantenha-se à frente da concorrência! O Next.js permite a criação dos sites mais rápidos possíveis. Em vez de esperar que as páginas sejam geradas sob demanda, utilizaremos a função de geração estática dentro do Next JS para pré-construir as páginas e hospedá-las em uma nuvem global de servidores (usaremos o Vercel para isso). Isso garante a entrega instantânea de páginas aos seus usuários, independentemente de sua localização. Não é mais necessário esperar por respostas de API, renderizar componentes com base em dados solicitados ou carregar indicadores de carregamento. Diga adeus à espera de um servidor compilar uma página - nossas páginas já estão pré-compiladas e prontas para serem servidas instantaneamente aos seus usuários!
O que você aprenderá:
Aumente seu valor e aprimore seus conhecimentos como desenvolvedor front-end / React JS
Aprenda Next JS
Crie um site estático, compilado no servidor, orientado por conteúdo usando Next JS (com React JS e GraphQL)
Aprenda a usar o GraphQL e o GraphiQL para consultar dados armazenados no WordPress
Configure o WordPress como um backend para construir conteúdo e, em seguida, renderize o conteúdo como páginas com React JS e GraphQL
Implante seu site estático do Next JS e reconstrua sempre que o conteúdo for alterado usando o Vercel
Aprenda a estilizar aplicativos Next JS com Tailwind CSS
Aprenda a criar blocos personalizados do Gutenberg com ACF pro
