<div class="container" id="index_page">
    <div class="row">
        <div class="col-xs-12">
            <h3 class="text-xs-center page-title">List of Articles</h3>
        </div>
    </div>

    <%= render "article", obj: @articles %>

</div>

<div class="container" id="index_page">
    <div class="row">
        <div class="col-xs-12">
            <h3 class="text-xs-center page-title">List of Articles</h3>
        </div>
    </div>
    <div class="row">
        <div class="col s12">
            <%= will_paginate @articles, renderer: MaterializeRenderer %>
        </div>
    </div>
    <%= render "article", obj: @articles %>
    <div class="row">
        <div class="col s12">
            <%= will_paginate @articles, renderer: MaterializeRenderer %>
        </div>
    </div>
</div>

Add paginate to the articles index view
Add paginate to the articles index view

