Crie um blog no Linode usando o Tailwind CSS | Alternativa ao Bootstrap
Neste vídeo, @CodeWithHarry mostrará a você como programar e implantar um blog usando o Tailwind CSS. Ao final do vídeo, você aprenderá a hospedar seu próprio blog em uma instância do Linode.
Capítulos:
0:00 Introdução
0:24 Criar um novo projeto Next
0:45 Localizar um modelo de blog
1:40 Importar modelo de blog
2:50 Criar o aplicativo Next
3:50 Personalizar o índice
4:45 Adicionar fontes aos estilos globais
5:20 Criar componente de barra de navegação
7:50 Instalar Alpine.js e Font Awesome
11:50 Criar footer.js
13:00 Continuar a personalização do índice
19:00 Ativar a instância do MongoDB no Linode
21:10 Fazer login no cluster do MongoDB
22:10 Atualizar o firewall
23:50 Criar banco de dados
25:20 Configurar o Next.js com o MongoDB
28:00 Instalar o MongoDB localmente
31:10 Criar um novo documento
31:50 Resolver problema de conectividade
32:50 Atualizar o tamanho da imagem
35:00 Concluir a personalização do índice
37:20 Solução de problemas da página /post
38:16 Adicionar o nome do blog à barra de navegação
40:00 Como modificar posts
42:00 Criar componente de barra lateral
44:20 Verificar a capacidade de resposta
44:40 Resolver problemas de resposta
49:05 Importar posts para o MongoDB Compass
51:45 Obter posts de blog do banco de dados
52:02 Criar getBlog.js e getBlogs.js
55:00 Atualizar tags de blog
56:40 Configurar a função Create Markup
58:20 Configurar a meta descrição
59:10 Buscar conteúdo para slug
1:12:00 Atualizar posts selecionados
1:13:35 Conclusão
Novo na Linode? Comece aqui com um crédito de US$ 100!
Leia o documento para obter mais informações sobre linguagens de desenvolvimento da Web.
Saiba mais sobre o Tailwind CSS.
Inscreva-se para ser notificado sobre novos episódios assim que eles forem lançados.
#Linode #Tailwindcss #desenvolvimento web
Produtos: Linode, Blog, Tailwind CSS; @CodeWithHarry