title: TemplateDoesNotExist. loading static files and templates Django project structure
body: <p>I am a bit confused on how to yield templates from other apps </p>
  
  <p>Here is a picture of my project structure:</p>
  
  <p><img src="https://i.stack.imgur.com/rSrrp.png" alt="enter image description here"></p>
  
  <p>I am getting this error:</p>
  
  <pre><code>TemplateDoesNotExist at /
  home.html
  </code></pre>
  
  <p>home/views.py:</p>
  
  <pre><code>class HomeView(generic.TemplateView):
      template_name = "home.html"
  </code></pre>
  
  <p>Settings.py</p>
  
  <pre><code>STATIC_URL = '/static/'
  STATICFILES_DIRS = (
      os.path.join(BASE_DIR, "static"),
      os.path.join(BASE_DIR, "home/static/home/js"),
      os.path.join(BASE_DIR, "home/static/home/images"),
      os.path.join(BASE_DIR, "home/static/home/css"),
  )
  
  
  TEMPLATE_DIRS = (
      os.path.join(BASE_DIR, 'templates'),
  )
  </code></pre>
  
  <p>project/home/urls.py:</p>
  
  <pre><code>from django.conf.urls import patterns, url
  
  from home.views import HomeView
  
  urlpatterns = patterns('',
      url(r'^$', HomeView.as_view(), name="home"),
  )
  </code></pre>
  
  <p>project/urls.py</p>
  
  <pre><code>from django.conf.urls import patterns, include, url
  from django.contrib import admin
  
  urlpatterns = patterns('',
      url(r'^admin/', include(admin.site.urls)),
      url(r'', include("home.urls", namespace="home")),
  
  )
  </code></pre>
  
  <p>project/templates/home/index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head lang="en"&gt;
    ...
    &lt;!-- Fonts --&gt;
    &lt;link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'&gt;
    &lt;!-- Custom CSS --&gt;
    &lt;link href="{{ STATIC_URL }}boothie.css" rel="stylesheet"&gt;
    &lt;!-- Custom JS--&gt;
    &lt;script src="{{ STATIC_URL }}boothie.js"&gt;&lt;/script&gt;
  
    &lt;title&gt;Boothie&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
     ...
  &lt;/div&gt;
  &lt;/head&gt;
    {% block content %}{% endblock %}
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>project/home/templates/home/home.html:</p>
  
  <pre><code>{% extends index.html %}
  
  {% block content %}
      ...
      &lt;script src="{{ STATIC_URL }}js/jquery.easing.1.3.js"&gt;&lt;/script&gt;
      &lt;script src="{{ STATIC_URL }}js/boothie.js"&gt;&lt;/script&gt;
  {% endblock %}
  </code></pre>