# Views

### Location <a href="#location" id="location"></a>

The view files are located in the `app/views` directory.

### Rendering

Eucalypt looks for view files relative to the `app/views` directory by default (though you can change this in the [core application file](https://eucalypt.gitbook.io/eucalypt/features/core-application-file)).

#### Views directly inside directory <a href="#views-directly-inside-directory" id="views-directly-inside-directory"></a>

If your `views` folder structure is like the following:

```
views
├── partials
├── layouts
├── index.erb
└── 404.erb
```

Then you can render the pages `index.erb` and `404.erb` in the following way:

{% code title="app/controllers/main\_controller.rb" %}

```ruby
class MainController < ApplicationController
  helpers MainHelper if defined? MainHelper
  
  get '/' do
    erb :index
  end
  
  error Sinatra::NotFound do
    erb :"404"
  end 
end
```

{% endcode %}

#### Views inside sub-directories

If your `views` folder structure is like the following (with some views located within sub-directories):

```
views
├── partials
├── layouts
├── pages
│   ├── index.erb
│   └── about.erb
└── 404.erb
```

Then you can render the pages `index.erb` and `404.erb` in the following way (note the specification of the full path relative to `app/views` for rendering the `index` page):

{% code title="app/controllers/main\_controller.rb" %}

```ruby
class MainController < ApplicationController
  helpers MainHelper if defined? MainHelper
  
  get '/' do
    erb :"pages/index"
  end
  
  error Sinatra::NotFound do
    erb :"404"
  end 
end
```

{% endcode %}