Como configurar e utilizar arquivos estáticos no Django

[@camilosilva1010]

Finalmente entendi a diferença entre as constantes STATIC_URL e STATIC_ROOT. Muito obrigado mano

[@SamuelGoncalvesPython]

Que bom, camarada. Fico feliz em ter contribuído um pouco. Boa sorte e sucesso na sua carreira. Abraço.

[@fernandocoelho1334]

Esse conteúdo, é primordial para que se tenha o perfeito entendimento sobre implantar um Template (exemplo muito conhecido SB Admin 2) na sua aplicação, com diferença que o Template tenha páginas com um HTML bastante definido e você terá que complementar com a definição de um arquivo BASE.HTML e os respectivos blocos.

[@Vicmendon]

Brabo demais! Sempre que volto pro Django eu pesquiso teus vídeos haha Até a professora da faculdade te conhece.

[@SamuelGoncalvesPython]

Kkkkkk. Fico feliz em te ver por aqui. kkkkk Vc estuda onde?

[@roberdcelestin2527]

Muito obrigado Samuel! muito bem esplicado os seus videus!

[@SamuelGoncalvesPython]

Muito obrigado pelo feedback. Fico feliz. Grande abraço.

[@ricardosiqueira3379]

Não conseguia chamar os arquivos e vc me salvou

[@SamuelGoncalvesPython]

Oh Ricardo. Que bom que agora você conseguiu. Muito obrigado pelo feedback. Tem outros vídeos legais no canal, espero que também te ajudem. E qualquer coisa que eu puder ajudar, só me falar. Abraço e boa sorte.

[@israelbezerra1457]

Muito obrigado por usar essa didática, Professor. A maneira como ensinas me deixa compreender muito nitidamente. Estou aprendendo demais com esses vídeos

[@SamuelGoncalvesPython]

Fico muito feliz em saber disso, Israel. Muito obrigado pelo Feedback. E boa sorte nos seus estudos e projetos. Abraços

[@massacotesilva]

EXPLICAÇÃO CLARA E DIRETA, MUITO BOM!

[@SamuelGoncalvesPython]

Muito obrigado, pelo feedback, Marcos. Tudo de bom ai. Abraço.

[@tiagogrand]

Muito bem explicado, fez mais sentido pra mim. Valeu fera. 👏🏻👏🏻👏🏻

[@SamuelGoncalvesPython]

Que bom que ajudou, Tiago. Muito obrigado pelo seu feedback. Vlws.

[@edilson_gudo]

Massa. Obrigado por esclarecer que o staticfilesdirs e o static root devem ter nomes diferentes. Perdi varios minutos hoje com um erro do django, e acabei até #comentando o static root. Agora vou descomentar e trocar só o nome

[@SamuelGoncalvesPython]

Ahahahahahahaha Acontece mesmo. Obrigado pelo feedback. E boa sorte ai nos seus projetos.

[@LuizFelipe-zm3zh]

ótima aula!

[@SamuelGoncalvesPython]

Muito obrigado, camarada. Abraço.

[@thiagodacosta1055]

Funcionou!!!!! muito obrigado. vc ganhou um novo inscrito.

[@SamuelGoncalvesPython]

Fico feliz com isso, camarada. Seja muito bem vindo e espero que aproveite bem. Abraço.

[@hanspereira8123]

Parabéns, mais um vídeo com ótima didática

[@SamuelGoncalvesPython]

Muito obrigado, Hans. Vlw o feedback. Grande abraço.

[@joelcioborges2570]

Gostei muito. Valeu mesmo foi realmente muito útil.

[@carlosalbertobritodesouza8843]

bem simples a forma como vc ensina.

[@SamuelGoncalvesPython]

Que bom Carlos. É exatamente esse o objetivo. Simplificar um assunto que muitos pensam que é complexo, e em alguns casos, não é. Boa sorte e obrigado pelo feedback. Abraço.

[@iara8846]

Muito útil.

[@SamuelGoncalvesPython]

Fico feliz em saber. Abraço.

[@moizesrafael6119]

Ajudou muito. Valeu!

[@SamuelGoncalvesPython]

Obrigado pelo feedback. Boa sorte. Abraço.

[@crcacom]

Deu certo. Obrigado!

[@SamuelGoncalvesPython]

Que maravilha. Mérito seu. Abraço.

[@brunonascimento-dev]

Foi bem objetivo. Só fiquei na dúvida sobre o último comanda. Ele deve ser feito antes de enviar para produção ?

[@SamuelGoncalvesPython]

Obrigado, Bruno. O "collectstatic" geralmente é rodado no servidor de produção para preparar os arquivos estáticos. Ele os coloca todos em uma só pasta para que possa ser servido pelo seu application server.

[@andrecararo323]

Ótimo vídeo. Seria legal mostrar como configurar e expor uma imagem que foi salva no BD com models, no html dentro de um cart com for, como se faz em um e-commerce.

[@SamuelGoncalvesPython]

Obrigado, camarada. De fato é um vídeo bom de se fazer sim. Vou colocar na lista. Muito obrigado e grande abraço.

[@josemaxsantos]

Gostei pra caramba....porém queria saber como conectar o js seria ótimo saber também.

[@SamuelGoncalvesPython]

Fala camarada. Muito obrigado. Eu acho que não entendi bem a sua dúvida. Pois pra conectar js e css é basicamente a mesma coisa pela parte do django. O que muda é a tag html que cada um fica. No lucar de colocar o caminho, vc coloca a tag que tem o caminho. Se ainda tiver duvida, fale mais sobre a dificuldade.

[@luiscarlosfirmino9302]

Ótimo vídeo

[@SamuelGoncalvesPython]

Muito obrigado, Luis. Grande abraço.

[@ronaldosilveiradev]

Valeu

[@SamuelGoncalvesPython]

Disponha.

[@wesleijesus3327]

Olá o video que serve em produção ja foi publicado ? obrigado pela ajuda, aguardo.

[@SamuelGoncalvesPython]

Fala camarada. Eu tenho um vídeo onde ensino fazer deploy no heroku. Depois dá uma olhada se ele te atende lá. Abraço.

[@jonathasdejesus7842]

Me ajudou muito

[@Ccheitor]

Show, ótima explicação! Tem como fazer um vídeo exemplificando os tipos de relacionamentos no Django?

[@SamuelGoncalvesPython]

Obrigado, Carlos. Tem sim. Gostei do tema. Vou fazer e em breve adiciono aqui no canal

[@niviafigueiredo13]

Ótima aula, muito bem explicada. Apliquei todas essas dicas, porém o meu css não foi aplicado na página. Inspecionando a página retornou um erro dizendo que tipo MIME ('text/html') não é um tipo MIME de folha de estilo suportado e a verificação estrita de MIME está ativada. Como resolver isso?

[@SamuelGoncalvesPython]

Muito obrigado. A primeira verificação que faria, é verificar se o arquivo css não tem nenhuma tag estilo html nele. Isso pode dar esse erro ai. Olha lá e veja se isso resolve. Depois me conta aqui.

[@Baruc96]

Alguém pode me ajudar? Fiz a mesma configuração no arquivo settings e quando vai lá no html tbm fiz do mesmo jeito porém a imagem que coloquei de background não fica, não carrega a imagem e o arquivo styles.css tbm fica em vermelho quando acesso f12/rede

[@SamuelGoncalvesPython]

Engraçado. Se vc fez tudo igual, então deveria funcionar. O arquivo fica com erro 404?

[@Baruc96]

@@SamuelGoncalvesPython no caso eu fiz e roda na minha máquina local, se eu deixar debug igual a TRUE os arquivos estáticos como imagem e o css ele carrega e se for False aí dá esse erro que falei, mas até aí blz, porém eu queria que quando eu fizesse o deploy esses arquivos estáticos carregasse, porém não carrega. Vi que tem que usar servidor Apache ou outro para os arquivos estáticos porém não sei como usar esses servidores e usar no meu projeto.

[@SamuelGoncalvesPython]

@@Baruc96 interessante. Isso que vc me disse é normal, pois o django não é eficiente para servir arquivos estáticos por si só. Esse é o motivo pelo qual quando vc coloca debug False ele para de servir, pois entente que está rodando em moto produção. Existem algumas formas de resolver isso, uma delas, é como vc mesmo disse, utilizar o apache ou o nginx para servir os arquivos estáticos. Essa segunda é a minha preferida. E a outra, é instalar alguma lib para servir arquivos estáticos. Por exemplo, Whitenoise. Ela faz o django servir os arquivos mesmo em produção. Depois dá uma olhada nessa lib e veja se consegue seguir a documentação dela.

[@Baruc96]

@@SamuelGoncalvesPython show Samuel, eu consegui resolver com o whitenoise, muito obrigado.

[@SamuelGoncalvesPython]

@@Baruc96 top. BOm demais.

[@Eu-ct3kn]

Salvou muito

[@rafaelfidalgo8938]

Bem explicado. 👍🏽

[@SamuelGoncalvesPython]

Obrigado pelo feedback, Rafael. Tmj.

[@radicalidade2349]

Video legal! Samuel como que eu faço para nao ter problemas ao caregar os arquivos statico quando debug estiver false

[@SamuelGoncalvesPython]

Muito obrigado, camarada. O Django não serve os arquivos estáticos pois seria ruim para a performance passar por todo o fluxo dele sendo que não precisa processar nada. Por isso, ele exige que você passe essa responsabilidade para outra ferramenta. Mas você pode resolver isso no próprio Django. Pra isso, vc vai instalar uma lib chamada whitenoise. Ela cria uma camada bem na "entrada" do django através de um middleware. E esse middleware fica responsável por servir os arquivos estáticos mesmo quando o debug está false. Inclusive, pode ser usado quando se publica no Heroku, por exemplo. Dá uma olhada, é só instalar e configurar e a mágica acontece. rsrsrs Se tiver dificuldade só me chamar que eu te ajudo. Grande abraço.

[@radicalidade2349]

@@SamuelGoncalvesPython muito obrigado

[@gilvar8738]

Muito Bom!

[@SamuelGoncalvesPython]

Obrigado, camarada. Sucesso pra vc.

[@MariaEduarda-zl3fn]

Aula muito boa e bem explicada! Porém, apliquei as dicas e o css e as imagens não estão sendo importadas e reconhecidas, acredito que a biblioteca os não está fazendo a importação e o erro é 404 179. Você teria alguma dica de como corrigir?

[@SamuelGoncalvesPython]

Muito obrigado, Maria Eduarda. Esse erro 404 é quando o navegado não encontra o arquivo (seja ele imagem, css, js ou qualquer outro). Verifique o caminho onde vc colocou o arquivo e verifique o caminho que você colocou no template. Pode estar sobrando ou faltando alguma pasta. Se quiser, manda aqui o caminho completo onde o arquivo está e como está colocando no template.

[@HeyVemAqui]

salvou mano

[@danielonline7990]

Eu faço tudo certinho. Aí parece que o CSS "trava" e se eu tentar fazer alterações, não funciona :(

[@SamuelGoncalvesPython]

Não entendi muito bem o erro pra saber em qual momento ele trava. Mas em teoria, deve estar faltando algum detalhe. Me fale um pouco mais do processo que vc utilizou.

[@danielonline7990]

@@SamuelGoncalvesPython Depois de muitaaaa tentativa kkkk. Fui descobrir que é simplesmente o navegador o culpado 😒O que acontecia era que, depois de tudo feito, se eu fosse nos arquivos estáticos e mudasse alguma coisa dentro do CSS como por exemplo a cor do titulo, ele simplesmente não atualizava no navegador, independente se eu recarregasse. Então fui descobrir que era por causa do cache que o navegador estava armazenando. Agora, toda vez que faço mudanças, eu recarrego a página usando Control + Shift + R. Aí funciona tranquilamente. Mas obrigado pela atenção :)

[@SamuelGoncalvesPython]

@@danielonline7990 hahaha maravilha. O importante é que funcionou e aprendeu algo novo ainda kkkk Abraço

[@danielonline7990]

@@SamuelGoncalvesPython Sim 🤣🤣

[@lucianocunha3179]

Legal, tem como armazenar esses arquivos estaticos em um dropbox. Poderia mostrar como?

[@SamuelGoncalvesPython]

Olá, Luciano. Esses arquivos estáticos são geralmente css, js ou imagens q vc utiliza na estrutura do site. Eles são salvos no controle de versão juntamente com o código fonte. Sobre salvar os arquivos, vc está falando de arquivos q o usuário faz upload?

[@lucianocunha3179]

@@SamuelGoncalvesPython Na verdade gostaria de salvar os assets no DropBox. Assim como fez no diretório local, gostaria de que o css, js, etc ficassem no DropBox. Isso é possível? Estava olhando essa doc django-storages.readthedocs.io/en/latest/backends/dropbox.html e imaginei que uma de suas aplicações fosse para essa finalidade.

[@SamuelGoncalvesPython]

@@lucianocunha3179 Entendi o que disse. Essa lib que me mandou é pra salvar arquivos no dropbox sim, mas não os arquivos dos quais estou falando. Ela serve para salvar os arquivos que o usuário faz upload no seu sistema. Pode exemplo, vc quer que o usuário suba uma foto para o sistema, ai vc usaria essa lib. Quando eu falo arquivos estáticos, são os arquivos que servem para o funcionamento e layout do seu sistema. Arquivos de media que são os arquivos que o usuário sobe no sistema. E eles sim faz sentido subir para o dropbox. A pergunta é: você quer salvar qual dos dois no dropbox? Caso sejam os arquivos estáticos, por qual razão vc não os deixa dentro da sua aplicação como é de costume?

[@lucianocunha3179]

@@SamuelGoncalvesPython Legal. Lendo a doc do Django (docs.djangoproject.com/en/3.2/howto/static-files/deployment/#serving-static-files-from-a-cloud-service-or-cdn) verifiquei a possibilidade de utilizar um cdn para servir esses arquivos e gostaria de fazer um teste. Sei q o S3 faz isso, mas como já tenho uma conta no Dropbox pensei que fosse possível fazer o mesmo com ele. Obrigado pelo retorno.

[@SamuelGoncalvesPython]

CDN e DropBox São totalmente diferentes. CDN é uma rede de distribuição de conteúdo, utilizada para dar muita velocidade a um site que pode ser acessado por diversos lugares do mundo. Dropbox é um storage para armazenar arquivos. Vamos fazer o seguinte, "deixe de lado" a solução e me conte exatamente qual é a raiz do problema. O que te fez procurar isso? Pois assim, eu posso tentar entender melhor e te dar uma opinião, se estiver dentro do meu conhecimento. Assim fica mais fácil

[@gilklebermedeiros4629]

Uma dica: O django considera todos os apps como estando dentro da pasta do projeto, mesmo que as pastas dos apps estejam fora.

[@MusicRapTributoOtaku]

o style.css não reconhece ;-; não funciona ;-;

[@SamuelGoncalvesPython]

Não entendi muito bem.

[@danielonline7990]

Conseguiu fazer funcionar? Estou com o mesmo problema :(

[@Joao_Monteiro_Nunes]

Fiz igual e o meu não funcionou, aiai..

[@SamuelGoncalvesPython]

Pode ter sido um detalhe.

[@levioliveira8817]

Ow mano ajuda eu você tem discord ? kkkk Consegui fazer aqui ajudou de mais mano

[@SamuelGoncalvesPython]

Maravilha que conseguiu. Show de bola