Imagine com o Craft

Blog Pessoal

Crie um blog completo com tags, arquivo e busca, e gerencie e edite suas publicacoes diretamente no Craft.

Blog PessoalBlog Pessoal

Construa você mesmo

Neste exemplo, vamos usar o Craft para gerenciar um blog pessoal e o Lovable para transforma-lo em um lindo site de blog pessoal com publicacoes, tags e busca.

imagine.stepCrie seu documento

Nossas publicacoes do blog sao mantidas em uma colecao: usamos os campos da colecao para gerenciar tags, datas de publicacao e status de publicacao. O conteudo de cada publicacao do blog e o conteudo da propria entrada da colecao.

Use o template para criar um novo documento com uma colecao para o seu blog, preenchida com algumas publicacoes de exemplo:

imagine.stepAtivar acesso à API

Ative o API Access do seu documento para obter uma URL unica que pode ser usada para ler e adicionar conteudo ao seu documento.

imagine.step

Abra a aba “Imagine”

imagine.step

Clique em “Add Your First API Connection”

imagine.step

Configure sua conexão de API com um nome. Para este projeto, a API só precisa ler seu documento. Defina as permissões da API como somente “Read”.

imagine.step

imagine.showcase.enableAPISection.document.steps.step4DescriptionWithName

imagine.step

A URL da API que será usada para interagir com seu documento agora é exibida na parte superior

imagine.step

Clique no botão “Download AI Bundle”. Isso irá baixar uma pasta contendo a documentação da API e o conteúdo do seu documento.
Lembre-se de que todas as publicacoes do documento podem ser carregadas pela API publica - o campo “Published” na colecao controlara quais publicacoes aparecem no site, mas tambem e possivel carregar publicacoes nao publicadas pela API.

imagine.stepCriar com o Lovable

Agora vamos continuar e construir o site real do nosso blog no Lovable. Para o site de exemplo mostrado acima, usamos este prompt:

Eu gostaria que voce criasse meu blog pessoal.

As informacoes estao armazenadas no Craft. Por favor, verifique o arquivo anexo que inclui um exemplo do estado atual do meu documento Blog no Craft, bem como informacoes sobre a API que voce deve usar para obter este documento e meus posts do blog. Por favor, leia a documentacao da API com atencao e siga suas instrucoes.

Eu quero que tenha:
- Uma pagina inicial mostrando as 3 ultimas publicacoes com suas datas e resumos, e um link para o arquivo
- Um arquivo listando todos os posts publicados e suas datas em uma tabela
- Uma pagina para cada post com navegacao anterior/proximo na parte inferior
- Uma pagina que mostra todos os blocos com uma determinada tag
- Tambem deve ter uma funcionalidade de busca
Cada post tem uma propriedade de publicado. Mostre apenas os posts onde ela estiver definida como true.

Eu quero um design limpo e moderno que preste atencao aos detalhes e transmita uma sensacao de muito bem feito. Deve ser sofisticado, mas nao esnobe, com tipografia moderna e excelente e bastante espaco em branco.

imagine.showcase.personalBlog.buildIt.step3.description2

O Lovable comeca a trabalhar, analisando o conteudo do bundle para entender a estrutura do documento e como usar a API. Entao ele comeca a construir o site com base no nosso prompt.

Agora temos um blog lindo que exibe nossas publicacoes e oferece suporte a busca e tags!

Mais ideias para voce experimentar

Voltar para a galeria