[Dúvida] Sentido da utilização da pasta static em setup | Django: templates e boas práticas

Queria entender por qual motivo os arquivos css e imagens não ficam dentro da pasta templates. Eles não seriam parte do template?

Por exemplo, como ficaria caso minha aplicação houvesse diversos templates? Eu teria que sempre separar os arquivos entre as pastas templates e setup/static?

obs: minha cabeça entende seria mais simples ter esses arquivos dentro de templates, sem necessidade de uma pasta static. por exemplo:

templates/starter/

html/
css/
js/
img/

templates/starter2/

html/
css/
js/
img/

Assim, todos os arquivos relacionados ao meu template estariam em apenas 1 pasta. Com isso, seria apenas alternar entre os caminhos '../templates/starter/' e '../templates/starter2/' para modificar o template.

Olá, Jonathan!

Entendo sua dúvida sobre a utilização da pasta "static" em Django. A pasta "static" é usada para armazenar arquivos estáticos, como arquivos CSS, JavaScript e imagens, que são utilizados nos templates. A razão pela qual esses arquivos não ficam dentro da pasta "templates" é porque eles não fazem parte do conteúdo dinâmico do template em si, mas sim de recursos externos que são utilizados pelo template.

Imagine que você tenha vários templates diferentes em sua aplicação, cada um com seu próprio conjunto de arquivos estáticos. Se todos esses arquivos estivessem dentro da pasta "templates", seria difícil gerenciar e organizar esses arquivos. Ao separar os arquivos estáticos na pasta "static", você pode ter uma estrutura mais organizada, onde cada template tem sua própria pasta dentro de "static" para armazenar seus arquivos estáticos.

Por exemplo, se você tiver os templates "starter" e "starter2", você pode ter a seguinte estrutura de pastas:

static/
   starter/
      css/
      js/
      img/
   starter2/
      css/
      js/
      img/

Dessa forma, todos os arquivos relacionados a cada template estão agrupados em suas respectivas pastas dentro de "static". Isso facilita a manutenção e o gerenciamento dos arquivos estáticos, especialmente quando você tem vários templates em sua aplicação.

Lembre-se de que os arquivos estáticos são referenciados nos templates usando a tag {% static %}. Por exemplo, para referenciar o arquivo "style.css" dentro do template "starter", você usaria o seguinte código:

<link rel="stylesheet" href="{% static 'starter/css/style.css' %}">

Espero ter esclarecido sua dúvida! Se tiver mais alguma pergunta, é só me dizer. Bons estudos!

Abraços e bons estudos!

Mergulhe em programação