title: Laravel undefined variable $articles
body: <p>I'm busy with my own news system and I'm using Laravel 5. I'm quite new to Laravel and using tutorials to walk my way through it. Now I'm having this error "Undefined variable: articles".</p>
  
  <p>Here is my ArticlesController.php</p>
  
  <pre><code>&lt;?php
  namespace App\Http\Controllers;
  
  use App\Article;
  use Illuminate\Http\Request;
  
  class ArticlesController extends Controller
  {
      public function index()
  {
      return view('pages.news');
      }
  }
  </code></pre>
  
  <p>Here is my news.blade.php</p>
  
  <pre><code>@foreach ($articles as $article)
  &lt;!-- Post --&gt;
  &lt;div class="blog-item"&gt;
      &lt;!-- Post title --&gt;
      &lt;h2 class="blog-item-title font-alt"&gt;
          &lt;a href="news-single.html"&gt;{{ $article-&gt;title }}&lt;/a&gt;
      &lt;/h2&gt;
      &lt;!-- Post data --&gt;
      &lt;div class="blog-item-data"&gt;
          &lt;a href="#"&gt;&lt;i class="fa fa-clock-o"&gt;&lt;/i&gt; 5 December&lt;/a&gt;
          &lt;span class="seperator"&gt;&amp;nbsp;&lt;/span&gt;
          &lt;a href="#"&gt;&lt;i class="fa fa-user"&gt;&lt;/i&gt; John Doe&lt;/a&gt;
          &lt;span class="seperator"&gt;&amp;nbsp;&lt;/span&gt;
          &lt;i class="fa fa-folder-open"&gt;&lt;/i&gt;
          &lt;a href="#"&gt;Category&lt;/a&gt;, &lt;a href="#"&gt;Category&lt;/a&gt;
          &lt;span class="seperator"&gt;&amp;nbsp;&lt;/span&gt;
          &lt;a href="#"&gt;&lt;i class="fa fa-comments"&gt;&lt;/i&gt; 5 Comments&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- Media gallery --&gt;
      &lt;div class="blog-media"&gt;
          &lt;ul class="clearlist content-slider"&gt;
              &lt;li&gt;&lt;img src="images/portfolio/full-project-1.jpg" alt="Blog image"&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;!-- Text intro --&gt;
      &lt;div class="blog-item-body"&gt;
          &lt;p&gt;{{ $article-&gt;body }}&lt;/p&gt;
      &lt;/div&gt;
      &lt;!-- Read more --&gt;
      &lt;div class="blog-item-foot"&gt;
          &lt;a href="news-single.html" class="btn btn-mod btn-round btn-small"&gt;Read More &lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  @endforeach
  </code></pre>
  
  <p>I have tried couple things, such as removing everything and starting over. Nothing really did the trick.</p>