# Use native ghost page as home page

**URL:** <https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916>\
**Category:** Developer help\
**Created:** [September 5, 2019, 12:59pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916 "2019-09-05T12:59:13Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![ureaul](https://avatars.discourse-cdn.com/v4/letter/u/848f3c/32.png) [@ureaul](https://forum.ghost.org/u/ureaul)\
**Post date:** [September 5, 2019, 12:59pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/1 "2019-09-05T12:59:13Z")

</div>

I checked official docs and forum, but could not achieve the following:

I want to use a static page with a custom template as home page. So I set up my routes file like this:

```auto
routes:
  /:
    data: page.landing
    template: landing

```

so I created a new page + a template custom-landing.hbs (duplicate of page.hbs). My goal is that page is used as home page

**but it only shows blank page. what am I missing?**

I am using latest version of ghost.

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [September 5, 2019, 1:23pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/2 "2019-09-05T13:23:14Z")

</div>

Hi @ureaul! I think you just need to rename your template file to `landing.hbs` so it matches the `template` value you’ve set. Here’s a tutorial on setting up custom home pages that has a bit more info on it:

> **[How to build a custom homepage for your Ghost theme](https://ghost.org/tutorials/custom-homepage/)**
>
> A gorgeous hero section, engaging calls to action, stunning photography — learn how to build a custom homepage for your Ghost theme in this tutorial.

---

<div class="post-metadata">

**Author:** ![ureaul](https://avatars.discourse-cdn.com/v4/letter/u/848f3c/32.png) [@ureaul](https://forum.ghost.org/u/ureaul)\
**Post date:** [September 5, 2019, 1:46pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/3 "2019-09-05T13:46:14Z")

</div>

that’s the page I followed.

To my understanding it explains how to set up a **custom** home page, not a **native ghost** home page. Am I correct?

Can you tell me what the routes file should look like?

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [September 5, 2019, 2:23pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/4 "2019-09-05T14:23:45Z")

</div>

To have a custom home page I would do this:

```auto
routes:
  /:
    data: page.home
    template: landing

```

and create a file called `landing.hbs`. I’m not sure what you mean by “native”?

---

<div class="post-metadata">

**Author:** ![ureaul](https://avatars.discourse-cdn.com/v4/letter/u/848f3c/32.png) [@ureaul](https://forum.ghost.org/u/ureaul)\
**Post date:** [September 5, 2019, 2:55pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/5 "2019-09-05T14:55:16Z")

</div>

thx

I followed your steps and created a landing.hbs (just made a copy of page.hbs for testing purposes)

Yet I get a blank page:  
[https://indoor-anbau.com](https://indoor-anbau.com/)

Yet this page should appear: [https://indoor-anbau.com/home-3/](https://indoor-anbau.com/home-3/)

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [September 5, 2019, 2:57pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/6 "2019-09-05T14:57:48Z")

</div>

You need to update the slug from `home-3` to just `home`

---

<div class="post-metadata">

**Author:** ![ureaul](https://avatars.discourse-cdn.com/v4/letter/u/848f3c/32.png) [@ureaul](https://forum.ghost.org/u/ureaul)\
**Post date:** [September 5, 2019, 2:59pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/7 "2019-09-05T14:59:31Z")

</div>

Hey

I just did and it at leasts redirects to /  
but the content is stimm empty

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [September 5, 2019, 3:01pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/8 "2019-09-05T15:01:27Z")

</div>

That’s a good sign. In your routes file did you set `data` to `page.home`? If so then you may not be outputting the content correctly in the template file

---

<div class="post-metadata">

**Author:** ![ureaul](https://avatars.discourse-cdn.com/v4/letter/u/848f3c/32.png) [@ureaul](https://forum.ghost.org/u/ureaul)\
**Post date:** [September 5, 2019, 3:02pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/9 "2019-09-05T15:02:58Z")

</div>

Yep, I am still struggling with the template.  
I just made a copy of page.hbs and renamed it to home.hbs

That should work, right?

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [September 5, 2019, 3:06pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/10 "2019-09-05T15:06:41Z")

</div>

Ah so your routes file should be this then:

```auto
routes:
  /:
    data: page.home
    template: home

```

The template value should match the file name

---

<div class="post-metadata">

**Author:** ![ureaul](https://avatars.discourse-cdn.com/v4/letter/u/848f3c/32.png) [@ureaul](https://forum.ghost.org/u/ureaul)\
**Post date:** [September 5, 2019, 3:07pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/11 "2019-09-05T15:07:41Z")

</div>

that’s exactly what I am using right now, but the content is still not displayed

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [September 5, 2019, 3:08pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/12 "2019-09-05T15:08:35Z")

</div>

Are you completely sure? Before you were calling it `landing` and not `home`?

---

<div class="post-metadata">

**Author:** ![ureaul](https://avatars.discourse-cdn.com/v4/letter/u/848f3c/32.png) [@ureaul](https://forum.ghost.org/u/ureaul)\
**Post date:** [September 5, 2019, 3:31pm UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/13 "2019-09-05T15:31:50Z")

</div>

Hey david

Yes, I double checked the theme and the routes file. Issue persists.

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [September 9, 2019, 7:58am UTC](https://forum.ghost.org/t/use-native-ghost-page-as-home-page/8916/14 "2019-09-09T07:58:45Z")

</div>

For anyone who arrives here looking for answers:

> Aha I got it, turns out the `post` get code should be `page` . I thought it was fine as the page.hbs file uses `post` as well. Here’s the code that should be in `home.hbs` :

```html
{{!< default}}
{{! The tag above means - insert everything in this file into the {body} of the default.hbs template }}
 <section class="main-content-area">
    <div class="container">
        <div class="row">
            <p>Testing</p>
            {{#page}}
            <div class="col post-single">
                <div class="col-md-8 m-auto post-head">
                   <div class="post-head">
                        <h1 class="post-title">{{title}}</h1>
                    </div>
                </div>
                {{#if feature_image}}
                <div class="featured-image" style="background-image:url({{feature_image}});"></div>
                {{/if}}
                <div class="post-content-wrap col-md-8 m-auto">
                    This is a text in the home.hbs file, the content should appear below
                    {{content}}
                </div>
            </div>
            {{/page}}
        </div>
    </div>
</section>

```