# Site structure without theme and Post Css

**URL:** <https://discourse.gohugo.io/t/site-structure-without-theme-and-post-css/10213>\
**Category:** support\
**Created:** [January 26, 2018, 7:12pm UTC](https://discourse.gohugo.io/t/site-structure-without-theme-and-post-css/10213 "2018-01-26T19:12:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![gsambrotta](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/gsambrotta/32/5073_2.png) [@gsambrotta](https://discourse.gohugo.io/u/gsambrotta)\
**Post date:** [January 26, 2018, 7:12pm UTC](https://discourse.gohugo.io/t/site-structure-without-theme-and-post-css/10213/1 "2018-01-26T19:12:12Z")

</div>

Hi there,  
i’m new to hugo and i’m using to build my organization website.  
So far is all great but i’m struggle a bit to build this site without a theme - there are not so many example.  
Anyway i make everything works properly except the home page which i cannot make it show up.  
Maybe someone can give me a little hint here?  
Here is the repo: [https://github.com/OpenTechSchool/website-relaunch/tree/setup/hugo](https://github.com/OpenTechSchool/website-relaunch/tree/setup/hugo)

Other question:  
Did anyone manage to use Hugo with a css preprocessor?  
Maybe Sass or even better PostCss?

---

<div class="post-metadata">

**Author:** ![Beny](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/beny/32/1897_2.png) [@Beny](https://discourse.gohugo.io/u/Beny)\
**Post date:** [January 26, 2018, 7:30pm UTC](https://discourse.gohugo.io/t/site-structure-without-theme-and-post-css/10213/2 "2018-01-26T19:30:20Z")

</div>

Hi you can use gulp, Brunch or whatever you like.  
Currently i am working with  
[Hugo-Init](https://github.com/serg/hugo-init) from @serg

[Background Info](https://discourse.gohugo.io/t/hugo-brunch-advanced-template-organization/9517)

---

<div class="post-metadata">

**Author:** ![sjardim](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/sjardim/32/5361_2.png) [@sjardim](https://discourse.gohugo.io/u/sjardim)\
**Post date:** [January 26, 2018, 7:42pm UTC](https://discourse.gohugo.io/t/site-structure-without-theme-and-post-css/10213/3 "2018-01-26T19:42:13Z")

</div>

You need a index.html layout file in the root of the layouts folder.

Put this on it:

```
{{ define "main" }}

    <h1>This is the index.html layout file </h1>
    Where you homepage content must be. :)

{{ end }}

```

![image](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/3/32d51b0f616463c3051934a6c7b286575affe84f.png)

---

<div class="post-metadata">

**Author:** ![gsambrotta](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/gsambrotta/32/5073_2.png) [@gsambrotta](https://discourse.gohugo.io/u/gsambrotta)\
**Post date:** [January 28, 2018, 6:35pm UTC](https://discourse.gohugo.io/t/site-structure-without-theme-and-post-css/10213/4 "2018-01-28T18:35:12Z")

</div>

Hey @sjardim thank you for your replay.  
yeah creating a new layout is a way but tbh my aim is to not create a new layout for each page.  
Index.html will use the same layout as other simple page so i would like to use the same `single` layout that i.e. `about` page use.  
In `content/about` i set `layout = 'single'` and i can see about page under `/about`.  
Why I cannot do the same for index??

For reference: i followed this tutorial [https://www.youtube.com/watch?v=QVOMCYitLEc](https://www.youtube.com/watch?v=QVOMCYitLEc)

---

<div class="post-metadata">

**Author:** ![sjardim](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/sjardim/32/5361_2.png) [@sjardim](https://discourse.gohugo.io/u/sjardim)\
**Post date:** [January 28, 2018, 7:01pm UTC](https://discourse.gohugo.io/t/site-structure-without-theme-and-post-css/10213/5 "2018-01-28T19:01:40Z")

</div>

You don’t need to create a new layout for each page regarding the homepage because a site has only ONE homepage. So that’s why I showed the easiest way, by creating an index.html file.

But if you want to keep only the minimal set of layouts possible, you have to study more about Hugo’s lookup order. See that the homepage will NEVER inherit a “single.html” layout because it’s considered a list page.

> **[Hugo's Lookup Order](http://gohugo.io/templates/lookup-order/#examples-layout-lookup-for-home-page)**
>
> Hugo searches for the layout to use for a given page in a well defined order, starting from the most specific.

---

<div class="post-metadata">

**Author:** ![gsambrotta](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/gsambrotta/32/5073_2.png) [@gsambrotta](https://discourse.gohugo.io/u/gsambrotta)\
**Post date:** [January 28, 2018, 9:41pm UTC](https://discourse.gohugo.io/t/site-structure-without-theme-and-post-css/10213/6 "2018-01-28T21:41:17Z")

</div>

I see! now make much more sense 😃 Thank you @sjardim  
I will keep reading 🙂